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

跨端

一、跨端概念与方案

1、跨端

• 跨端的初衷就是为了实现一套代码四处运行的理念，使用跨端技术我们可以大大提升研发效率。

• 跨端方案需要满足以下三点：

  • 研发效率高——学习成本低、多端一致性高
  • 用户体验好——稳定性高、性能体验好
  • 动态化——支持动态化下发，满足日益增长的业务需求

2、跨端技术方案介绍

(一)hybrid方案

• 基于WebView(可以理解为一个浏览器内核)渲染，通过JS Bridge把一部分系统能力开放给JS调用

(二)原生渲染方案

• 使用JS开发，通过中间层桥接后使用原生组件来渲染UI界面

• 案例：React Native——该框架可以让开发者用JS和React来开发跨平台的应用示例

(三)自渲染方案

• 利用Sika渲染引擎重新实现渲染管线，不依赖原生组件

(四)小程序方案

• 使用小程序DSL+JS开发，通过中间层桥接后调用原生能力，使用webview来渲染UI界面

  ---

  下面将以字节小程序为例详解有关小程序的案例

字节小程序

• 字节小程序可以在宿主(抖音、头条等App)内被便捷地获取与传播，也就是说开发者 只需要开发一套小程序，就可以在不同的App中运行

  • 小程序的优化方案

  (五)不同跨端技术之间异同对比

  3、总结

  本次课程的收获就如讲师在视频最后所说，跨端技术仍然在日益飞涨的发展着，但跨端的出现就是为了让我们开发者可以【write once,run anywhere】。因此在我看来，根据当前增长的用户需求，类似小程序开发这种跨端体系在未来也将是主流，我还需要继续努力掌握这门技术