前端与跨端技术 | 青训营笔记

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

学习内容

1. 主流跨端技术方案
2. 小程序开发与实践

跨端是什么

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

常见痛点

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

跨端技术方案目标

1. 研发效率高
2. 用户体验好
3. 动态化

跨端技术方案介绍

hybrid 方案

基于WebView渲染，通过JS Bridge把一部分系统能力开放给JS调用。

原生渲染方案

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

React Native 是一个由 Facebook于2015年9 月发布的一款开源的 Java5cript相架，它可以让开发者使用 JavaScript 和 React 来开发跨平台的移动应用。

自渲染方案

利用Skia重新渲染管线，不依赖原生组件。

小程序方案

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

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

基于小程序跨端实践

快速开发一个小程序

1. 下载小程序开发者工具
2. 小程序开发，调试
3. 小程序上传

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

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

最后

随着端越来越多，跨端的需求会越来越强烈，跨端技术方案也会不断迭代，核心目标仍是write once,run anywhere，未来自渲染可能会出现更多机会。