这是我参与「第五届青训营 」伴学笔记创作活动的第9天。
一、本堂课重点内容
- 跨端是什么
- 跨端技术方案介绍
- 基于小程序跨端实践
二、详细知识点介绍
1、跨端是什么
跨端是什么?
随着业务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了越来越多的端,PC端(Windows Mac),移动端(安卓,IOS),Web端,IoT设备(车载设备,手表等)。
跨端背景
- 各端功能几乎一致,各端需要单独配置开发人员
- 开发、维护成本高
- 安卓、IOS发展周期长
跨端技术方案目标
- 研发效率高:学习成本低,多端一致性高
- 用户体验好:稳定性高,性能体验好
- 动态化:支持动态化下发,满足日益增长的业务需求
2、跨端技术方案介绍
hybrid 方案
基于WebView渲染,通过JS Bridge 把一部分系统能力开放给JS调用。
原生渲染方案
使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面。
自渲染方案
利用Skia重新实现渲染管线,不依赖原生组件。
小程序方案
使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用WebView来渲染UI界面。
跨端技术方案对比
3、基于小程序跨端实践
三、课后个人总结
本节课学习了跨端技术,对于面向不同端的相同程序开发更加简便。