Day8 第五届青训营打卡

53 阅读1分钟

这是我参与[第五届青训营]伴学笔记创作活动的第八天

跨端技术

1.跨端是什么

背景

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

常见痛点:

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

跨端技术方案目标

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

2.跨端技术方案介绍

Hybrid 方案(首选)

甚于 Webview (浏览器)渲染,通过 JS Bridge 把一部分系统能力开放给 JS调用。

原生渲染方案

使用 JS开发,通过中间层桥接后使用原生组件来渲染 UI界面

React Native

自渲染方案 - Flutter

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

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

小程序方案

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

字节小程序

3.基于小程序的跨端实践

小程序开发文档:developer.open-douyin.com/docs/resour…

小程序开发者工具:developer.open-douyin.com/docs/resour…