这是我参与「第五届青训营」伴学笔记创作活动的第13天。
一、本堂课重点内容
本节课主要介绍了跨端技术的定义、主流的跨端技术方案以及跨端技术小程序实践。
二、详细知识点介绍
跨端技术的定义
随着业务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了越来越多的端,PC 端(Windows、Mac) ,移动端(安卓、iOS)、web端、loT 设备(车载设备、手表)等。能够将这些不同端上的功能与应用相结合,就是跨端技术。
行业痛点
- 各端功能几乎一致,各端需要单独配置研发人员
- 开发、维护成本高
- 安卓、ios发版周期长
跨端技术方案目标
- 研发效率高
1.学习成本低 2.多端一致性高
- 用户体验好
1.稳定性高 2.性能体验好
- 动态化
支持动态化下发,满足日益增长的业务需求
跨端技术方案介绍
Hybrid方案
基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用。
原生渲染方案- React Native
React Native是一个由Facebook于2015年9月发布的一款开源的JavaScript框架,它可以让开发者使用JavaScript和React来开发跨平台的移动应用。 框架图如下:
自渲染方案
利用Skia重新实现渲染管线,不依赖原生组件。
- Flutter是Google在2018年世界移动大会公布的开源应用开发框架,仅通过一 套代码库,就能构建精美的、原生平台编译的多平台应用。
跨端技术方案对比
三、引用参考
掘金