JavaScript开发+原生渲染 （React Native、Weex、快应用） • 自绘UI+原生(Flutter) 移动跨平台方案 技术类型 UI渲染方式 性能 开发效率 动态化 框架代表 H5+原生 WebView渲染 一般 高 支持 Cordova、Ionic JavaScript+原生渲染 原生控件渲染 好 中 支持 RN、Weex 自绘UI+原生 调用系统API渲染 好 高 默认不支持

社区项目的活跃 Quasar Framework iView Muse-UI Vux Vuetify Vue Material 2016.12.22 - Weex 0.9.4 第一个正式包含 Vue 2.0 的 Weex 版本 Microsoft Build 2017 Anders Hejlsberg presenting Vue + VSCode + TS 2.3 Google

Write Once, Run Anywhere WeeX • Alibaba • JS -> iOS + Android + Web Flutter简介 跨平台 1 201 8 201 4 Web页面 2017 React Native 201 5 Write Once, Run Anywhere WeeX 201 6 Flutter • Google

Flutter特性 跨平台 高性能 热重载 提升研发效 率 Flutter的应用 框架对比 Native 性 能 跨平台 Flutter RN web Hybrid 小程序 weex 框架应用 Web RN(运营需求多的) Native Flutter（性能要求高的） 分享目录 uNOW直播与Flutter uNOW直播中Flutter的开发模式

Native APIs NativeScri pt (by Progress) React Native (by Facebook) JavaScript-Driven Native Weex FuseTool s Flutte r Native App Native UI JavaScript-to-Native runtime JavaScript Engine (Your

Taro 1.3 Chameleon WePY UniApp DSL Vue 类 React（Nerv） 类 Vue Vue Vue 是否支持 React Native 否 是，但支持效果不佳 Weex 否 否 兼容 API 无 有（API 支持程度不一） 自研多态协议 无 是 跨端组件库 无 有 有 无 无 美团生态 有 无 无 无 无 语法校验 无 ESLint 自研 无 有 TypeScript Hybrid 方案，到通过 JSC 连接 JavaScript 生态与原生控件，结合视图框架（React、Vue 等）寻找效率、动态性和性能更均衡的 Native 容器方案（React Native、Weex 等）， 接着由微信牵头的以多进程 WebView、容器标准化的小程序方案出世，各平台小程 序随之春笋萌发，随后带来了国内 Taro、uni-app、Rax、Remax 等多端框架的百 家争鸣。 得更高 的用户下载意向，也代表着更健全的线上质量维护体系。当明白这些意义后，我们也 就不难理解，在 Flutter 的应用与适配趋近完善时，动态化自然就成为了一个无法避 开的话题。RN 和 Weex 等成熟技术甚至让大家认为动态化是跨端技术的标配。 美团外卖 MTFlutter 团队从 2019 年 9 月开始对动态化进行研究，目前已在多个业 务模块上线，内部项目代号 “Flap” 。

口。没有使用浏览器引擎和 WebView。 UI由本机UI组件构成。 NativeScript React Native tabris.js [免费$] trigger.io [$] weex 参考： todomvc.com Frontend Guidelines Questionnaire Frontend Guidelines 性能： js-framework-benchmark