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

77 阅读1分钟

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

一、本堂课重点内容

  • 跨端是什么
  • 跨端技术方案介绍
  • 基于小程序跨端实践

二、详细知识点介绍

1、跨端是什么
跨端是什么?

随着业务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了越来越多的端,PC端(Windows Mac),移动端(安卓,IOS),Web端,IoT设备(车载设备,手表等)。

跨端背景
  • 各端功能几乎一致,各端需要单独配置开发人员
  • 开发、维护成本高
  • 安卓、IOS发展周期长
跨端技术方案目标
  • 研发效率高:学习成本低,多端一致性高
  • 用户体验好:稳定性高,性能体验好
  • 动态化:支持动态化下发,满足日益增长的业务需求
2、跨端技术方案介绍
hybrid 方案

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

原生渲染方案

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

1675522141378.png

自渲染方案

利用Skia重新实现渲染管线,不依赖原生组件。 1675522456602.png

小程序方案

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

跨端技术方案对比

1675522550128.png

3、基于小程序跨端实践

1675522654978.png

三、课后个人总结

本节课学习了跨端技术,对于面向不同端的相同程序开发更加简便。

四、引用参考

bytedance.feishu.cn/file/boxcnU…