Write once,run everywhere。目前来看是对 JS + WebAssembly 最好的描述。鸿蒙的 JS 框架 ace_lite_jsfwk,从名字中可以看出来这是一个非常轻量级的框架,官方介绍说是“轻量级 JS 核心开发框架”。其核心代码只有 5 个 js 文件,大概也就 300-400 行代码吧。
- runtime-coresrccoreindex.js
- runtime-coresrcobserverobserver.js
- runtime-coresrcobserversubject.js
- runtime-coresrcobserverutils.js
- runtime-coresrcprofilerindex.js
- 从名字可以看出来,这些代码实现了一个观察者模式。也就是说,它实现了一个非常轻量级的 MVVM 模式。通过使用和 vue2 相似的属性劫持技术实现了响应式系统。
在「鸿蒙 2.0」上,开发者只需编写形如 Vue 组件式的 JavaScript 业务逻辑,即可将其渲染为智能手表等嵌入式硬件上的 UI 界面。
这里将其分为自上而下的三个抽象层来介绍:
JS 框架层,可理解为一个大幅简化的 Vue 式 JavaScript 框架
JS 引擎与运行时层,可理解为一个大幅简化的 WebKit 式运行时
图形渲染层,可理解为一个大幅简化的 Skia 式图形绘制库
这三个抽象层,整体构成了一套面向嵌入式硬件的 GUI 技术栈。不同于许多高呼「不明觉厉 / 深不可测」的舆论,个人认为至少对于 GUI 部分,国内凡是接触过目前主流 Hybrid 式跨端方案或 JS 运行时研发的一线开发者,都很容易从源码出发来理解它。
对于「鸿蒙 2.0」在 GUI 部分的亮点,个人能想到这些:
确实有务实(但和当年 PPT 介绍完全两码事)的代码。
不是 WebView 套壳,布局和绘制是自己做的。
无需超过大学本科水平的计算机知识,也能顺利阅读理解。
而至于明显(不只是某几行代码写得丑)的缺失或问题,目前看来则有这么一些:
JS 框架层
没有基本的组件间通信(如 props / emit 等)能力
没有基本的自定义组件能力
没有除基础依赖追踪以外的状态管理能力
JS 引擎与运行时层
标准支持过低,无法运行 Vue 3.0 这类需 Proxy 的下一代前端框架
性能水平弱,难以支持中大型 JS 应用
没有开放 DOM 式的对象模型 API,不利于上层抹平差异
图形渲染层
没有实质可用的 GPU 加速
没有 SVG 和富文本等高级渲染能力
Canvas 完成度低,缺状态栈和很多 API
对于所有熟悉 JavaScript 的前端开发者们,JavaScript 被鸿蒙这样的「国之重器」采用,可以大大增强前端的道路自信、理论自信、文化自信和技术栈自信。
想成为国之栋梁吗?来写 JavaScript 吧!
爱创课堂前端培训机构最适合0基础学员的前端培训,由前端百度名师,《javascript设计模式》作者张容铭老师亲自带队授课,无缝隙对接企业级课程,签订就业协议,不就业全额退款,免费试学一周,不满意不收费!
前端培训机构 https://www.icketang.com/