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

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

一、本堂课重点内容

1. 跨端是什么？
2. 跨端技术方案介绍
3. 基于小程序跨端实现
4. 总结与展望

二、详细知识点介绍

一、跨端背景常见的痛点：

• 各端功能几乎一致，各端需要单独配置研发人员
• 开发、维护成本高
• 安卓、IOS发版周期长

二、跨端技术方案目标：

• 研发效率高

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

• 用户体验好

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

• 动态化 支持动态化下发，满足日益增长的业务需求

三、跨度技术方案介绍：

1. Hybrid方案

• 基于 WebView 渲染，通过 JS Bridge 把一部分系统功能开放给 JS 调用。

2. 原生渲染方案

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

3. 自渲染方案

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

4. 小程序方案

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

三、课后个人总结

这节课让我明白了一些跨端的知识，以前在获取数据的时候听过跨域，看见跨域就跟发送请求和协议，域名，端口联系，这也是我第一次接触跨端，虽说不是第一次听说，但确是我第一次了解，还知道了有四个跨域技术方案，分别是：hybrid方案、原生渲染方案、自渲染方案、小程序方案。虽然我现在不是特别理解这个东西，但是我现在了解了之后，也能让我眼界更加广阔，多一些了解了自己所学的专业，也知道了一些解决办法，之后遇到这样的问题之后可以深入了解一下跨端技术方案，来解决问题。