跨端技术概述 ｜ 青训营笔记

这是我参与「第五届青训营 」笔记创作活动的第4天。

跨端技术由来

随着技术的发展，现在一个应用在一个平台上面运行的需求已经不满足人们的使用。一个应用，人们需要在各个平台上也能够使用。比如：web应用，在手机app上、pc端、ios系统上也同样能够使用。

跨端技术方案目标

1. 研发效率高

   1. 学习成本低
   2. 多端一致性高

2. 用户体验好

   1. 稳定性高
   2. 性能体验好

3. 动态化：支持动态化开发、满足日益增长的业务需求。

跨端技术实现方案

1. 以web为基础的H5 hybrid方案：这个嵌入 app 的浏览器，我们把它称之为 webview ，所以只要某个端支持 webview ，那么它就能使用这种方案跨端。
2. 原生渲染方案：典型的代表是 react-native，它的开发语言选择了 js，使用的语法和 react 完全一致，其实也可以说它就是 react，这就是我们的框架层。
3. 自渲染方案：这种方案和上面的区别就是，它并没有直接借用原生能力去渲染组件，而是利用了更底层的渲染能力，自己去渲染组件。这种方式显然链路会比上述方案的链路很短，那么性能也就会更好，同时在保证多端渲染一致性上也会比上一种方案更加可靠。这类框架的典型例子就是 flutter 。
4. 小程序跨端方案：众所周知，在最近几年有一个东西变得非常火爆：小程序，现在许多大厂都开始入局小程序，不过现在小程序技术也不再是BAT的专属，市面上早已经推出小程序容器技术解决方案

总结

跨端技术在现在是非常流行的技术了，以后可能还会应用开来。我们需要掌握一定的跨端技术来应对市场的变化。