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

47 阅读2分钟

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

一、本堂课重点内容:

主流跨端技术方案
小程序开发与实践

二、详细知识点介绍:

跨端是什么?

跨端背景

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

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

跨端技术方案目标

1.研发效率高
(1)学习成本低
(2)多端一致性高

2.用户体验好
(1)稳定性高
(2)性能体验好

3.动态化
(1)支持动态化下发,满足日益增长的业务需求

跨端技术方案介绍

hybrid方案

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

原生渲染方案

使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面
如React Native可以让开发者使用JavaScript和React来开发跨平台的移动应用

自渲染方案

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

小程序方案

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

跨端技术方案对比

image-20230204201912460.png

基于小程序跨端实践

快速开发一个小程序

1.下载小程序开发者工具
2.小程序开发、调试
3.小程序上传

小程序性能优化意义

1.留住用户
2.提升转化率
3.提升用户体验

三、引用参考:

熊乐老师的跨端技术概述课程