跨端技术概述|青训营

87 阅读2分钟

这是我来参加[第五届青训营]笔记创作活动的第九天。

今天跟着熊乐老师了解了跨端技术。

跨端的背景:随着业务与技术的发展,产生越来越多的业务场景,同时随着技术的发展。产生了越来越多的端,例如PC端、移动端、web端等等,但是功能几乎一致,都需要单独配置研发人员,开发成本和维护成本高。安卓和ios的发版周期长。

跨端技术方案目标

1、研发效率高,学习成本低,多段一致性高

2、用户体验好,稳定性高,性能体验好

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

跨端技术方案

1、hybrid方案:基于WebView渲染,通过JS Bridge把一部分系统能力开发给JS调用,优点是开发成本低、css全集、一致性好,缺点是性能中等。

2、原生渲染方案:使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面,优点是性能好,缺点是css子集,一致性一般。

3、自渲染方案:利用Skia重新实现渲染管线,不依赖原生组件,优点是性能好、一致性好,缺点是Dart生态一般、开发成本较高。

4、小程序方案:使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面,优点是开发成本低、一致性好,缺点是性能较好。

小程序性能优化的意义 image.png

性能优化的指标 image.png

优化手段 image.png

总结:今天这节课认识到跨端技术,同时也学会如何开发一款小程序,进行性能优化、如何性能优化等等,受益匪浅。