文章来源于公众号:前端之露 作者:露痴
9月10日,华为开发者大会如期而至。大会分享了 HMS Core 5.0的 最新进展。
前置知识
什么是鸿蒙
鸿蒙系统(鸿蒙OS,HarmonyOS)是第一款基于微内核的全场景分布式 OS,由华为公司自主研发并开源(开源的不是HMS框架是系统)。官网:https://developer.harmonyos.com/ 。
可见的未来?
整个大会一直在强调的是 HM OS 2.0 的分布式解决方案,打通了 PC、手表和车机等产品终端,第一个版本支持128K-128M设备上运行。这是统治世界(物联网)的节奏。

发布会上提到的强大的跨终端业务协同能力真的还是比较心动的。最重要的是这个是基于系统级别的!小编是不太敢预测个未来啊什么的。但是对于一个常年无法摆脱 apple 的人来说非常清楚是生态绑架了我。
做为一名前端开发者,最关心的莫过于我们能不能也体验一把国之荣光!下图可以看到方舟编译器括号里面写着大大的两个字 JS,不禁有些飘飘然~


JS 应用开发框架
那就来一起看看底层原理(官方文档)。
作为 JS 应用开发框架的轻量实现,鸿蒙提供一套跨平台的类 web 应用开发框架,通过 Toolkit
将开发者编写的 HTML、CSS 和 JS 文件编译打包成 JS Bundle
,然后再将 JS Bundle
解析运行成 C++ UIKit
的 View
组件进行渲染。
通过支持三方开发者使用声明式的 API 进行应用开发,以数据驱动视图变化,避免了大量的视图操作,大大降低了应用开发难度,提升开发者开发体验。

JS 应用框架实现主要包含两部分,native
和 JavaScript 。
native
部分为 C++,为框架的主体实现。
JavaScript 部分实现提供 JS 应用框架对用户 JS 文件的运行时支持,并通过向引擎暴露一些全局方法或对象,支撑 JS 运行时与 native 框架之间的交互。
想要用 JS 来开发一个APP 就要去研究一下下面的两个库啦!

组件化开发方式
鸿蒙贴心的提供了命令行工具
$ npm install -g @ohos/hpm-cli # 安装命令行工具
$ hpm init -t default # 进入开发目录,采用默认模板创建一个开发项目。
$ hpm install @ohos/demo # 安装组件
官方组件包:hpm.harmonyos.com/#/cn/home

IDE
DevEco
提供了一站式开发/编译/调试/烧录,集成了分布式能力,以及可灵活组装的丰富的组件,并且内置安全检查能力。

目前只支持 windows 系统(用Mac的表示很无奈),下载地址:device.harmonyos.com/cn/ide


以上就是W3Cschool编程狮
关于鸿蒙2.0!前端开启新大陆?的相关介绍了,希望对大家有所帮助。