近来 ，京东京东正式开源了Taro on 。开源 HarmonyOS 。京东C-A 。开源PI 。京东版别 ，开源为 。京东鸿蒙 。开源运用跨端开发供给高功能结构 。京东这次版别的开源发布 ，带来了更丰厚的京东款式适配、更高效的开源烘托功能 、更全面的京东组件支撑 ，让。开源开发者。京东以Web范式的方法来开宣布比美鸿蒙功能的运用 ，为鸿蒙运用生态的丰厚注入强壮的动力 。
全体技能架构。
Taro on。 Harmony 。OS 技能计划支撑开发者运用 Re 。ac 。t DSL 来开发鸿蒙运用，在全体架构上能够简略分为三层：
图片来历：Taro on HarmonyOS React 。
最上层是运用事务代码地点的 ArkVM 层 ，这一层在 C-API 版别中首要运转事务代码 、React 的中心代码以及少数的 Taro 运转时代码 。
中间层是 Taro 的 CSSOM 和 TaroElement 树 ，负责处理上层 Taro 运转时代码传递下来的指令 ，比方 TaroElement 节点树创立 ，绑定联系以及设置特点等操作 。
最基层寄存的是 TaroRenderNode 虚拟节点树，这棵节点树和真实的上屏节点树是一一对应的联系 ，一同在 TaroRenderNode 节点树内会创立对应的 Yoga 节点 。
图片来历 ：Taro on HarmonyOS React DOM。
一同，Taro还根据鸿蒙供给的VSync机制设置一套使命处理管线 ，来处理中间层和基层节点树发生的款式匹配、节点丈量 、节点布局 、款式设置以及节点上屏等使命 ，来确保使命的时序性和最终上屏烘托成果的正确性。
要点特性 。
在特性方面，Taro on HarmonyOS 技能计划具有“丰厚的才能支撑 、比美 ArkTS 的高功能 、支撑 C-API 烘托形式”等三大要点特性 。
（1）丰厚的才能支撑 。
C-API 版别的 Taro on HarmonyOS支撑常用组件和 API ，不只支撑React 18+，还支撑View 、 。Te。xt 、Image 、Video 等近33个Taro组件，以及支撑如getSystemInfo、getStorage 等常用的API ，针对逻辑较为杂乱的 API 如 ：createSelectorQuery 以及 createIntersec 。ti 。onObserver ，也在。C++ 。侧进行了从头的完成 ，大幅提高了履行功能 。
此外C-API 版别支撑大部分常见的 CSS 才能 ：
支撑常见的 CSS 款式和布局 ，支撑 flex 、伪类和伪元素 。
支撑常见的 CSS 定位，肯定定位 、fixed 定位 。
支撑常见的 CSS 选择器和媒体查询 。
支撑常见的 CSS 单位，比方 vh、vw 以及核算特点 calc 。
支撑 CSS 变量以及安全区域等预界说变量 。
一同 ，在参阅浏览器 CSSOM 的完成方法基础上 ，在C++完成了一套 CSSOM 逻辑 ，里边包含了款式解析 、款式匹配、款式组成和运用整个链路的款式处理逻辑。
图片来历 ：Taro on HarmonyOS CSS 。
别的 ，Taro 引入了 Yoga 布局引擎来核算烘托节点的方位和巨细 ，最大程度确保 Taro 构建出来的鸿蒙运用中烘托款式和 W3C 标准的一致性 。
图片来历：Taro on HarmonyOS Style 。
（2）比美 ArkTS 的高功能。
在 C-API 的版别中 ，ArkVM 层的 Taro 运转时内容已削减到十分薄 ，将 TaroElement 的大部分内容都下沉到了 C++ 侧，并在 ArkVM 层取消了他们之间父子联系的绑定，极大地提高了 TaroElement 相关逻辑的功能。
图片来历：Taro on HarmonyOS CAPI 。
另一方面 ，在 C++ 侧 Taro 会指令式地调用 ArkUI 在 C++ 侧供给的 API，来高效地创立节点、设置特点 、绑定事情以及制作上屏 。
Taro 还针对长列表场景针对性地供给了长列表类型组件 ，并对长列表类型组件进行了优化，供给了懒加载 、预加载和节点复用等功能 ，有效地处理大数据量下的功能问题 ，进步运用的流通度和用户体会 。
图片来历 ：Taro on HarmonyOS Virtual List 。
（3）支撑 C-API 的烘托形式。
Taro 的组件和 API 是以小程序作为基准来进行规划的 ，因此在实践的鸿蒙运用开发过程中 ，会呈现部分所需的组件和 API 在 Taro 中不存在的状况 ，由于针对这种状况，在 C-API 版别中，Taro 支撑将初始页面或许组件混合编译到 Taro 鸿蒙项目中 ，支撑 Taro 组件和鸿蒙组件在页面上的混合运用 。
运用指南 。
Taro on HarmonyOS技能计划已开源至Github ，开发者可查找“taro”以获取更多信息：
https://github.com/NervJS/taro-harmony-capi-library。
运用前 ，开发者可先装置Harmony插件 。
增加插件装备 。
编译项目 。
假如需求编译鸿蒙运用 ，一同运用编译鸿蒙组件，能够在页面装备中增加 entryOption: false 表明该页面是组件 ，一同能够用过 componentName 指定组件导知名。
Taro on HarmonyOS C-API 版别阅历了京东鸿蒙 APP 的实践 ，从归纳功能 、生态以及开发体会都更上一层楼 。未来 ，京东团队还会根据当时的 Taro on HarmonyOS C-API 计划 ，进行多线程的架构晋级以及 React 的 C++ 化 ，进一步提高 Taro 在鸿蒙端侧的功能，并极大地下降运用的丢帧率 。欢迎广阔开发者一同参加 Taro on HarmonyOS 的共建 ，推进 Taro 更好开展 。
华为在未来也将继续携手生态同伴共建立异 ，面向底座技能 、通用才能 、垂类职业等场景推出系列开发者场景化处理计划 ，不断提高鸿蒙运用的立异体会和开发功率 ，与广阔开发者共建昌盛的鸿蒙生态。