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

跨端包括

pc端（windows、mac） 移动端（安卓、ios） web端 iot设备（车载设备、手表）等

缺点

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

目标：

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

跨端技术方案介绍

hybrid方案 基于webview渲染，通过js bridge把一部分系统能力开放给js调用 原生渲染方案 使用js开发，通过中间层桥后使用原生组件来渲染ui界面 自渲染方案 利用skia重新实现渲染管线，不依赖原生组件 小程序方案 使用小程序dsl+js开发，通过中间层桥接后调用原生能力，使用webview来渲染ui界面

基于小程序跨端实践

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

由于小程序的 JS 是运行在 JS 引擎中，而非 webview 中，所以没有 DOM/BOM，进而无法使用 window 等浏览器提供的全局变量，所以很多在浏览器中可以运行的 NPM，在小程序中也无法直接使用。

网页开发中，前端的代码是部署在开发者自己的 CDN 或者自己的服务器上的，对于上传代码等并没有特殊限制。但是在小程序开发中，小程序代码是上传到字节跳动的服务器上统一管理的，下发也是从字节跳动的服务器统一下发的。所以在小程序开发过程中，我们需要借助小程序的开发者工具进行预览上传。预览效果时，我们也需要使用字节跳动的宿主 App 进行查看。对于每一个小程序，我们都需要在字节跳动开发者平台申请账号用于开发与上传。

在 Web 开发中，我们的运行环境是浏览器，无论是 JS，还是 HTML/CSS，都是运行在浏览器中的。所以，对于我们的 Web 页面，可变的环境是浏览器，我们可能需要处理 Safari/Chrome/Firefox 等 Web 浏览器带来的功能与渲染差异。而当我们开发小程序的时候，也需要处理运行环境的差异，不过小程序的环境差异指的是不同小程序宿主的差异