我撞见青训营的第九天之开胯端口| 青训营笔记

88 阅读2分钟

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

总有人想要仰望星空的,幻想着无边无际的美好

一、本堂课重点内容:

  • 本堂课的知识要点有哪些?

跨端

二、详细知识点介绍:

  • 本堂课介绍了哪些知识点? 一、跨端技术概述

(一)跨端是什么

1.跨端

(1)跨端背景

随着业 务的发展,产生了越来越多的业务场景,同时随着技术的发展,产生了

越来越多的端,PC端(Windows、Mac),移动端(安卓、iOS)、web端、

IoT设备(车载设备、手表)等

(2)跨端常见痛点

1.各端功能几乎一致,各端需要单独配置研发人员

2.开发、维护成本高

3.安卓、iOS发版周期长

2.跨端是什么

3.跨端技术方案目标

(1)研发效率高

学习成本低

多端一致性高

(2)用户体验好

稳定性高

性能体验好

(3)动态化

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

 

二、跨端技术方案介绍

(一)hybrid方案

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

image.png

(二)原生渲染方案

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

1.React Native

React Native是一个由Facebook于2015年9月发布的一款开源的JavaScript框

架,它可以让开发者使用JavaScript和React来开发跨平台的移动应用。

(三)自渲染方案

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

1.Flutter

Flutter是Google在2018年世界移动大会公布的开源应用开发框架?仅通过一

套代码库,就能构建精美的、原生平台编译的多平台应用。

(四)小程序方案

使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用

webview来渲染UI界面。

1.字节小程序

字节小程序是一种全新的连接用户与服务的方式,它可以在宿主(抖音、头条等

APP)内被便捷地获取和传播,同时具有出色的使用体验。

image.png

(五)跨端技术方案对比

image.png

游进知识的汪洋大海,才深感自己的渺小