这是我参与「第五届青训营 」伴学笔记创作活动的第 6 天
一、本次笔记的重点内容：
1.跨端是什么
2.跨端技术方案介绍
3.快速开发一个小程序
4.总结
二、知识点：
1.跨端是什么
1.跨端背景
随着业务的发展，产生了越来越多的业务场景，同时随着技术的发展，产生了越来越多的端，PC 端(Windows、 Mac), 移动端(安卓、iOS)web端、IoT设备(车载设备、手表)等
常见痛点
1.各端功能几乎一致，各端需要单独配置研发人员
2.开发、维护成本高
3.安卓、iOs 发版周期长
...
2.跨端技术方案目标
研发效率高:
1.学习成本低
2.多端一致性高
用户体验好:
1.稳定性高
2.性能体验好
动态化:
支持动态化下发，满足日益增长的业务需求
三、 跨端技术方案介绍
1.Hybrid方案
不管是移动端，网页端，系统都提供WebView渲染的能力
基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。
我们的App通过js bridge来和平台交互，通过平台提供的WebView渲染能力来做很多事情
2.原生渲染方案- React Native
使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面
React Native是一个由Facebook于2015年9月发布的一款开源的JavaScript框架，它可以让开发者使用JavaScript和React来开发跨平台的移动应用。
3.自渲染方案
利用Skia重新实现渲染管线，不依赖原生组件
Flutter是Google在2018年世界移动大会公布的开源应用开发框架，仅通过一 套代码库，就能构建精美的、原生平台编译的多平台应用。
4.小程序方案
字节小程序是一种全新的连接用户与服务的方式，它可以在宿主(抖音、头条等 App)内被便捷地获取和传播，同时具有出色的使用体验。
各种方案对比
hybrid方案：
优点
1.开发成本低 2. CSS全集 3.一致性好
缺点
1.性能中等
原生渲染方案 ：
优点
1.性能好
缺点
1.CSS子集 2.一致性一般
自渲染方案
优点
1.性能最好2.一致性好
缺点
1.CSS子集 2.Dart生态一般 3.开发成本较高
小程序方案
优点
1.开发成本低 2. CSS全集 3.一致性好
缺点
1.性能中等
四、快速开发一个小程序：
首先下载小程序开发工具
点击小程序开发者工具的链接进行下载，没有注册需要点击注册去注册一下，很快就能注册好，注册好可以绑定手机号，用手机登录抖音开发者工具
打开后
点击新建，用测试号，选好模板
点击新建，一个小程序就创建好了，按下ctrl+s保存可自动编译。
想了解更多内容，可查阅开发文档。
五、总结：
本次了解了跨端技术，那随着端的越来越多，跨端的需求会愈加强烈，跨端的技术也会不断更新，我们需要时刻保持学习新的跨端技术，核心目标仍然是 write once, run anywhere。
