这是我参与「第五届青训营」伴学笔记创作活动的第 9 天。

跨端背景

大环境：随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了越来越多的端，PC端（Windows、Mac），移动端(安卓、iOS). web端、loT设备（车载设备、手表)等。

常见痛点:

1.各端功能几乎一致,各端需要单独配置研发人员

2.开发、维护成本高

3.安卓、iOS发版周期长

方案目标

研发效率高： 1. 学习成本低 2. 多端一致性高

用户体验好： 1. 稳定高 2. 性能体验好

动态化： 1. 支持动态化下发 2. 满足日益增长的业务需求

多个方案概述

Hybrid方案：基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。

原生渲染方案：使用JS开发，通过中间层桥接后使用原生组件来渲染U界面

自渲染方案：利用Skia重新实现渲染管线,不依赖原生组件

小程序方案：使用小程序 DSL +JS开发，通过中间层桥接后调用原生能力，使用webview来渲染U界面。

如何快速开发小程序（三大步骤）：

1. 开发者工具

2. 程序开发、调试

3. 小程序上传

小程序性能优化：小程序性能是指小程序在字节系APP(抖音、今日头条等客户端）中加载和呈现的速度，以及用户交互的响应程度。

优化意义：

1. 留住用户

2. 提升转化率

3. 提升用户体验

随着端越来越多，跨端的需求会越来越强烈，跨端技术方案也会不断迭代，核心目标仍然是「write once, run anywhere」，未来自渲染可能会出现更多机会。