跨端技术概述 - 青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天
课程概述
- 跨端是什么
- 跨端技术方案介绍
- 基于小程序跨端实践
- 总结与展望
一. 跨端是什么
（一）、跨端背景
随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了越来越多的端，PC 端 ( Windows. Mac），移动端(安卓 iOs)、web端 IoT 设备（车载设备、手表）等
（二）、常见痛点：
1.各端功能几乎一致，各端需要单独配蛋研发人员 2.开发、维护成本高 3.安卓、ios 发版周斯长…
（三）、跨端方案目标
二. 跨端技术方案介绍
（一）、跨端技术方案介绍
1.hybrid方案
基于WebView渲染，通过js bridge 把一部分系统能力开发给JS调用。
2.原生渲染方案 （使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面）
3.React Native 是一个由 Facebook 于 2015 年9 月发布的一款开源的 JavaScript 框架，它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。
4.自渲染方案 利用Skia重新实现渲染管线，不依赖原生组件
Flutter 是 Google 在 2018 年世界移动大会公布的开源应用开发框架，仅通过一套化代码库，就能花构建精美的、原生平台编译的多平台应用。
5.小程序方案 使用小程序 DSL + 1S开发，通过中间层桥接后调用原生能力，使用webview 来渲染 U界面。
字节小程序是一种全新的连接用户与服务的方式，它可以在宿主（抖音、头条等APP）内嵌便捷地获取和传播，同时具有出色的使用体验。
实践管线
（二）、跨端方案对比
三. 基于小程序跨端实践
（一）、快速开发一个小程序
(二)、小程序性能优化
1.留住用户
2.提升转化率
3.提升用户体验
01.小程序性能优化指标
02.优化手段
03.性能评分工具
四、总结与展望
总结
1.主流跨端技术方案 2.小程序开发与实践
技术展望
随着端越来越多，跨端的需求会越来越强烈，跨端技术方家也会不断迭代，核心目标仍然是 「write once, run anywhere」，未来自渲染可能 会出现更多机会。
