京东鸿蒙上线前瞻——使用 Taro 打造高性能原生应用

💡 原文中文,约3400字,阅读约需8分钟。
📝

内容提要

京东启动鸿蒙原生应用开发,选择Taro作为开发框架。Taro支持Web开发、迁移存量项目、渲染性能优化、高阶功能支持和混合开发模式。京东鸿蒙原生应用性能优秀,首页渲染耗时减少23.9%,商详页渲染耗时减少74.2%。Taro将继续优化性能,实现JS代码分离、视图节点拍平和动态更新能力。京东鸿蒙原生应用是Taro在鸿蒙端适配的第一步,为企业和开发者提供跨端解决方案。

🔎

延伸解读

技术选型背后的权衡

京东在开发鸿蒙原生应用时,面临原生ArkTS开发与跨端框架两种选择。原生开发虽然能充分利用鸿蒙特性,但存在开发周期长、多端维护成本高的问题。在交付时间紧、任务重的情况下,京东选择了Taro跨端框架,以一套代码多端运行的能力,在有限时间内高效完成项目,同时兼顾性能与体验。这一选择体现了在快速迭代的业务需求下,跨端方案对开发效率的显著提升。

性能提升的关键因素

京东鸿蒙原生应用首页渲染耗时1062ms,较ArkTS版本提升23.9%;商详页渲染耗时560ms,提升74.2%。商详页提升显著,主要因为其楼层众多、CSS样式复杂,ArkTS版本在CSS解析和属性应用阶段耗时过多。Taro通过将运行时逻辑下沉到C++层、引入Yoga布局引擎、重构CSSOM模块等优化,实现了与原生开发比肩的渲染性能,证明了跨端框架也能满足高性能要求。

开发效率与迁移成本

Taro支持Web范式开发,适配了大部分CSS能力,包括flex、定位、选择器、媒体查询、单位及变量等,并采用Rust编写的LightningCSS提升编译速度。这使得前端开发者能快速上手鸿蒙开发,同时存量Taro项目可以极低成本迁移到鸿蒙系统,保证高度还原和高性能。对于需要快速拓展鸿蒙业务的企业,Taro提供了一条高效路径,降低了多端开发的人力与时间投入。

未来优化方向

Taro计划继续优化鸿蒙端性能,包括将JS业务代码与UI渲染逻辑分离到独立线程,避免主线程阻塞;实现视图节点拍平,减少实际绘制节点数量;以及支持原生性能级别的动态更新,允许不重新编译发布即可更新页面功能。这些改进将进一步提升应用的流畅度和灵活性,为开发者提供更强大的跨端开发能力,也预示着Taro在鸿蒙生态中的持续投入。

❓

Q&A

京东鸿蒙原生应用开发的主要目标是什么?

京东鸿蒙原生应用开发的主要目标是提升消费者的购物体验,提供更流畅、更智能和更安全的服务。

为什么京东选择Taro作为鸿蒙应用的开发框架?

京东选择Taro作为开发框架是因为它支持Web开发、快速迁移现有项目和性能优化,能够高效完成鸿蒙原生应用的开发。

Taro框架在京东鸿蒙原生应用中有哪些技术优势?

Taro框架的技术优势包括支持Web范式开发、快速迁移存量项目、优化渲染性能和支持原生混合开发等。

京东鸿蒙原生应用的渲染性能提升了多少?

京东鸿蒙原生应用的首页渲染耗时减少了23.9%,商详页渲染耗时减少了74.2%。

Taro如何支持长列表组件的优化?

Taro通过提供懒加载、预加载和节点复用等功能,优化长列表组件的性能,解决大数据量下的性能问题。

未来Taro在鸿蒙系统上的优化计划是什么?

未来Taro计划将JS代码与UI渲染逻辑分离,提升动态更新能力,并实现视图节点拍平,以进一步优化性能。

🏷️

标签

➡️

继续阅读