Taro 适配鸿蒙的框架原理和性能优化.pdf

Taro适配鸿蒙的框架原理和性能优化

京东零售/宣泽彬QCon2024全球软件开发北京大会

Taro是什么

Taro

是一个开放式跨端跨框架解决方案

QCon2024全球软件开发北京大会

Taro解决的问题

业务响应不及时研发成本增加代码维护困难

QCon2024全球软件开发北京大会

多框架支持性能优化插件化

Taro解决的问题

QCon2024全球软件开发北京大会

…

Taro解决的问题

…

QCon2024全球软件开发北京大会

支持更多的开发范式UI框架

Taro解决的问题

…

QCon2024全球软件开发北京大会

支持更多的前端生态工具链上层框架

目录

•背景介绍

•鸿蒙适配思路

•鸿蒙适配原理

QCon2024全球软件开发北京大会

•性能优化

•成果展示

•总结

背景介绍

QCon2024全球软件开发北京大会

为什么要适配鸿蒙

QCon2024全球软件开发北京大会

为什么要适配鸿蒙

•头部互联网厂商纷纷进场

•鸿蒙

NEXT

不再支持

apk

安装包

•鸿蒙方向岗位的增加

QCon2024全球软件开发北京大会

入门学习并适配鸿蒙

APP

应用逐渐成为一种趋势

代价

需要学习新的语言和

API从零入门门槛高

QCon2024全球软件开发北京大会

原有的项目需要进行重新开发旧项目迁移至新平台成本大

使用Taro的优势

1.

旧项目的快速迁移

2.

Web

范式的新项目开发

QCon2024全球软件开发北京大会

3.

原有

Web

生态工具的复用

鸿蒙适配思路

QCon2024全球软件开发北京大会

ArkTSArkUI

QCon2024全球软件开发北京大会

鸿蒙ArkTS和小程序的相似之处

1.

都支持

JavaScript/TypeScript

的语法

2.

都可以用

template（小程序）

或者

component（ArkTS）

去表达和渲染复杂的

UI

结构

结论：和小程序类似的，在鸿蒙系统上模拟浏览器环境，跑通

Web

端代码，渲染

ArkUI

页面内容

QCon2024全球软件开发北京大会

鸿蒙适配原理

QCon2024全球软件开发北京大会

适配原理

•节点渲染

•样式解析

•工程化串联

QCon2024全球软件开发北京大会

节点渲染——设计思路