这是我参与「第五届青训营 」笔记创作活动的第9天
一、本堂课重点内容:
- 跨端是什么,给大家介绍跨端产生的背景及解决的问题
- 跨端技术方案介绍,给大家介绍目前主流的跨端技术方案(hybrid 方案/原生渲染方案/自渲染方案/小程序方案)以及对比
- 基于小程序跨端实践,带大家了解如何开发一个小程序以及优化小程序
- 总结与展望
二、详细知识点介绍:
随着业务的发展,产生了越来越多的业务场景,随着技术的发展,产生了越来越多的端,PC端、移动端、web端、车载设备、手表,每一个端都要交互,展示,传统是每一个端配一个开发人员。而且开发、维护成本高,安卓、ios发版周期长。
跨端的目标是让学习成本更低,多端一致性高,稳定性好、性能体验也更好,同时支持动态化发展,满足日益增长的需求。
Hybrid方案,基于WebView渲染,通过JS Bridge把一部分系统能力开放给JS调用。原生渲染方案,使用JS开发,通过中间层桥接后使用原生组件来渲染UI界面。reac native可以让开发者使用js和react来跨平台移动应用。自渲染方案,利用Skia重新实现渲染管线,想怎么定制就怎么定制。Flutter,通过一套代码库,做出精美的原生。小程序方案,使用小程序DSL+JS开发,通过中间层桥接后调用原生能力,使用webview来渲染UI界面。
三、实践练习例子:
字节小程序。
渲染和逻辑,来实现开发成本地,CSS全集,一致性好等。
四、课后个人总结: 小程序性能优化,可以留住用户,提升转化率,提升用户体验,