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

80 阅读2分钟

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

跨端目标:1.研发效率高:学习成本低,多端一致性高 2.用户体验好:稳定性高,性能体验好 3.动态化:支持动态化下发,满足日益增长的业务需求

跨端方案:

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

2.原生渲染方案:使用JS开发,通过中间层桥接后使用原生组件来渲染U界面

3.自渲染方案:利用Skia 重新实现渲染管线,不依赖原生组件

4.小程序方案:使用小程序 DSL +JS 开发,通过中间层桥接后调用原生能力,使用webview来渲染U界面。

Hybrid方案的优点是代码复用性高,开发效率高,但是用户体验和性能较差。 原生渲染方案的优点是用户体验好,性能高,但是开发效率较低,代码复用性差。 自渲染方案的优点是性能高,可以实现统一的渲染效果,但是开发难度大,代码复用性差。 小程序方案的优点是开发效率高,可以通过中间层调用原生能力,但是对小程序运行环境有限制,用户体验受限。

基于小程序跨端:三个步骤:下载工具,程序开发、调试,程序上传

取消率, 白屏率, 和 LCP 到达率是小程序用户体验的辅助指标。取消率表示用户在启动过程中退出的比例,白屏率指的是从启动到退出期间页面白屏的比例,而 LCP 到达率表示用户在 LCP 到达前离开的比例。通过取消率, 白屏率, 和 LCP 到达率的数值,可以了解小程序的启动性能和用户体验。