这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天
跨端是什么
跨端背景
随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了越来越多的端，PC端，移动端，web端、loT设备等
常见痛点
- 各端功能几乎一致，各端需要单独配置研发人员
- 开发、维护成本高
- 安卓、iOS发版周期长...
跨端技术方案目标
- 研发效率高：学习成本低；多端一致性高
- 用户体验好：稳定性高；性能体验好
- 动态化：支持动态化下发，满足日益增长的业务需求
跨端技术方案介绍
Hybrid方案
基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。
原生渲染方案
使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面
React Native
原生渲染比WebView渲染更快，但在样式上有点缺失
自渲染方案
利用Skia重新实现渲染管线，不依赖原生组件
Flutter
小程序方案
使用小程序DSL1+JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面。 字节小程序
跨端技术方案对比
基于小程序跨端实践
- 快速开发一个小程序
- 小程序性能优化
快速开发一个小程序
- 下载小程序开发者工具
- 小程序开发、调试
- 小程序上传 下载小程序开发者工具
小程序开发、调试
小程序性能优化
优化意义
- 留住用户
- 提升转化率
- 提升用户体验
小程序性能指标
性能评分工具
总结与展望
- 主流跨端技术方案
- 小程序开发与实践
随着端越来越多，跨端的需求会越来越强烈，跨端技术方案也会不断迭代，核心目标仍然是‘write once，run anywhere’，未来渲染可能会出现更多机会。
