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

常见的跨端技术方案：

1. Hybrid方案

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

2. 原生渲染方案

使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面，与Hybrid类似，如：React Native。

3. 自渲染方案

利用Skia重新实现渲染管线，不依赖原生组件，如Flutter框架。

4. 小程序方案

使用小程序DSL + JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面，如字节小程序。

• 四种方案对比

基于小程序跨端实践

• 快速开发小程序

  1. 小程序开发者工具
  2. 小程序开发、调试
  3. 小程序上传

• 小程序性能优化意义：

  • 留住用户
  • 提高转化率
  • 提升用户体验

• 指标

• 小程序性能优化手段

课后思考：

• 跨端解决了什么问题？
• 常见的跨端技术方案有哪些？各方案的技术原理是什么？他们之间有什么区别？
• 跨端技术方案中有哪几个核心部分？
• 抖音开发者工具提供了哪些能力？
• 抖音小程序开发与 web 开发有哪些异同？
• 小程序性能优化会关注哪些性能指标？分为哪几个方向进行性能优化？可以使用哪些工具来提升效率？
• 小程序 setData 如何优化？

个人总结

1）主流跨端技术方案

2）小程序开发与实践

技术展望

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