这是我参与「第五届青训营」伴学笔记创作活动的第 15 天
本堂课重点内容
本堂课讲述了跨端是什么，介绍了跨端产生的背景及解决的问题，介绍了目前主流的跨端技术方案和基于小程序跨端实践，带大家了解如何开发一个小程序以及优化小程序。
跨端是什么
跨端指的是跨终端。随着技术发展出现了越来越多的端，如PC端、移动端、Web端、loT设备等，不同终端的出现也带来了一些问题：各端功能几乎一致，各端需要单独配置研发人员；开发、维护成本高；安卓、ios 发版周期长。为解决这些问题，就出现了跨端技术。
跨端技术目标：
- 研发效率高：学习成本低、多端一致性高
- 用户体验好：稳定性高，性能体验好
- 动态化：支持动态化下发，满足日益增长的业务需求
常见的跨端技术方案：
- Hybrid方案
基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。
2. 原生渲染方案
使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面，与Hybrid类似，如：React Native。
3. 自渲染方案
利用Skia重新实现渲染管线，不依赖原生组件，如Flutter框架。
- 小程序方案
使用小程序DSL + JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面，如字节小程序。
-
四种方案对比
基于小程序跨端实践
-
快速开发小程序
- 小程序开发者工具
- 小程序开发、调试
- 小程序上传
-
小程序性能优化意义：
- 留住用户
- 提高转化率
- 提升用户体验
-
指标
课后思考：
- 跨端解决了什么问题？
- 常见的跨端技术方案有哪些？各方案的技术原理是什么？他们之间有什么区别？
- 跨端技术方案中有哪几个核心部分？
- 抖音开发者工具提供了哪些能力？
- 抖音小程序开发与 web 开发有哪些异同？
- 小程序性能优化会关注哪些性能指标？分为哪几个方向进行性能优化？可以使用哪些工具来提升效率？
- 小程序 setData 如何优化？
个人总结
跨端极速核心目标Write once, run anywhere!我们要在不断变化的方案中寻找长治久安的部分。
