这是我参与「第五届青训营 」伴学笔记创作活动的第十天
课程重点
- 跨端是什么
- 跨端技术方案介绍
- 基于小程序跨端实践
- 总结与展望
详细知识点介绍
跨端背景
随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了越来越多的端，PC端（windows,mac），移动端（安卓，ios）,web端，IoT设备（车载设备，手表）等
常见痛点
- 各端功能几乎一致，各端需要单独配置研发人员
- 开发，维护成本高
- 安卓，ios发版周期长
- ...
跨端技术方案目标
跨端技术方案介绍
- hybrid方案
- 原生渲染方案
- 自渲染方案
- 小程序方案
Hybrid方案
基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用
原生渲染方案
使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面
React Native
React Native是一个由Facebook于2015年9月发布的一款开源的JavaScript框架，它可以让开发者使用JavaScript和React来开发跨平台的移动应用
自渲染方案
利用Skia重新实现渲染管线，不依赖原生组件
Flutter
小程序方案
使用小程序DSL + JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面。
跨端技术方案对比
基于小程序跨端实践
快速开发一个小程序
小程序性能优化
优化意义
- 留住用户
- 提示转化率
- 提升用户体验
小程序性能指标
平台指标看板
优化手段
性能评分工具
性能分析工具
总结与展望
课程总结
- 主流跨端技术方案
- 小程序开发与实践
技术展望
随着端越来越多,跨端的需求会越来越强烈，跨端技术方案也会不断迭 代，核心目标仍然是「write once, run anywhere」，未来自渲染可能 会出现更多机会。
