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

56 阅读2分钟

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

一、本堂课重点内容

本节课主要介绍了跨端技术的定义、主流的跨端技术方案以及跨端技术小程序实践。

二、详细知识点介绍

跨端技术的定义

随着业务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了越来越多的端,PC 端(Windows、Mac) ,移动端(安卓、iOS)、web端、loT 设备(车载设备、手表)等。能够将这些不同端上的功能与应用相结合,就是跨端技术。

行业痛点

  1. 各端功能几乎一致,各端需要单独配置研发人员
  2. 开发、维护成本高
  3. 安卓、ios发版周期长

跨端技术方案目标

  • 研发效率高

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

  • 用户体验好

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

  • 动态化

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

跨端技术方案介绍

Hybrid方案

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

image.png

image.png

原生渲染方案- React Native

React Native是一个由Facebook于2015年9月发布的一款开源的JavaScript框架,它可以让开发者使用JavaScript和React来开发跨平台的移动应用。 框架图如下:

image.png

image.png

自渲染方案

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

  • Flutter是Google在2018年世界移动大会公布的开源应用开发框架,仅通过一 套代码库,就能构建精美的、原生平台编译的多平台应用。

image.png

跨端技术方案对比

image.png

三、引用参考

掘金