这是我参与「第五届青训营 」笔记创作活动的第9天。
课堂重点
- 跨端是什么，介绍跨端产生的背景及解决的问题
- 跨端技术方案介绍，介绍目前主流的跨端技术方案（hybrid 方案/原生渲染方案/自渲染方案/小程序方案）以及对比
- 基于小程序跨端实践，了解如何开发一个小程序以及优化小程序
- 总结与展望
详细内容
跨端技术方案目的
- 研发效率高 —— 学习成本低，多端一致性高
- 用户体验好 —— 稳定新高、性能体验好
- 动态化下发 —— 支持动态化下发，满足日益增长的业务需求
方案
Hybrid 方案
基于webview渲染，通过JS Bridge 把一部分系统能力开放给JS调用
原生渲染方案
使用js开发，通过中间层桥接后使用原生组件来渲染UI界面
**React Natice **一款开源的跨平台的js框架
前两种方案最大区别是渲染方式，一方案是浏览器渲染，二方案是原生渲染，体验较好，但是样式上会缺失
自渲染方案
利用 Skia（渲染引擎） 重新实现渲染管线，不依赖原生组件。相当于抛弃原生组件渲染，推到重来，用skia 定制一个渲染管线，自定义渲染。不依赖系统，自己绘制
Flutter
小程序方案
使用小程序DSL + JS 开发，通过中间层桥接后调用原生组件，使用 webview 来渲染UI界面
