鸿蒙HarmonyOS是纯前端开发者的春天

接上篇鸿蒙应用开发Java版,有些前端程序员没有接触过Java或Android,只会H5+CSS+Javascript,那也不用失望,鸿蒙给前端程序员开了一扇窗,只要你会Javascript也能开发App,且开发效率比Java更高。首先在DevEco创建工程时,选择JS版工程,如下图:

创建JS版工程

我们先来分析一下工程目录结构,与Java版相比,多了一个JS目录。原来的Java Src目录里,MainAbility.java文件只是一个框架文件,无需任何修改,App运行时会先运行到这个文件,它会去启动JS里的index.js文件,剩下的事情都在JS目录里来完成。因此使用JS版开发鸿蒙App时,只需要关注JS这个目录即可,可以看到有index的css,html和js文件,这是前端程序员们的最爱。由于它采用的是MVC结构的js,因此需要node.js编译调试环境,node官网在海外,下载有点慢,多断点续传几次就可以了。

JS版工程结构

再仔细观察一下index.js文件,有没有发现与微信小程序及快应用非常惊人的相似?是的,都是以export default开头,以data结构体来定义本页面可能用到的全局变量,用onInit()来进行初始化数据,后续的程序运转是由html上面的交互事件触发的。看看index.html代码,可以看到对js的变量是通过双大括号来动态引用的,例如 class=”{{list_item_class1}}”,而对事件处理函数的引用则是直接在html里用事件名称引用,例如 onfocus=”focusFunc1″ onblur=”blurFunc1″,这样做最大限度的分离了html/css与javascript代码,代码不仅纯粹优美,而且易于阅读和维护。

html代码

鸿蒙系统增加了JS版,可能是为了将小程序江湖给包容进来,通过兼容Java开发和Javascript开发,让其一出生就可以顺应千万程序员已有的开发技能,从而让技术生态的建立速度可以更快。毕竟在已经有苹果谷歌两大移动操作系统生态之下,要构建一个需要程序员重新学习的生态是几乎不能的。如果你会h5,那就赶紧去试试鸿蒙js版应用开发吧,如果你连h5都不会,那也没关系,网上资料一大堆,如果7天学不会,那就三七21天吧[可爱]

本文源自头条号:新科技观察员

标签