跨端开发技术 | 青训营笔记

76 阅读2分钟

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

跨端开发技术

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

常见痛点 :

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

跨端技术方案目标

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

原生渲染方案 1675305601445.png

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

Flutter 是 Google 在 2018 年世界移动大会公布的开源应用开发框架,仅通过一套代码库,就能构建精美的、原生平台编译的多平台应用。

image.png

image.png

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

字节小程序是一种全新的连接用户与服务的方式,它可以在宿主(抖音、头条等App)内被便捷地获取和传播,同时具有出色的使用体验 hybrid开发成本较低较为方便常用

image.png image.png

四种技术方案的对比应用场景 image.png

小程序实践

小程序性能优化 - 优化意义

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

1675320736312.png

1675320798414.png

小程序性能评价工具(Audits Trace) 1675320998346.png

1675321052526.png

标题:「跨端技术概述」第五届字节跳动青训营 - 前端专场

网址:live.juejin.cn/4354/ycCros…