Web Components b. Polymer 库 大纲 Web应用的优点 ● 无需安装 ● 增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 ● 前端功能越来越多：CS→BS→CS ● 大型应用维护和协作难 ● 性能弱，启动速度慢 ● 工具支持弱 ● 云+端——同步无处不在 我的设备：3个笔记本、1个台式机、iPhone 和 Android平板 云+端——同步无处不在 Google Apps Script GAS 运行在云端的 JavaScript，打通所有 Google 产品和服务，自动化处理业务。 云服务 X-aaS 或 Web API ，直接使用服务，这些都非常 方便，但实现被隐藏了。 基础平台商提供现成的服务，开发者只需要懂软 大纲 Web语言的发展 1995~2013 JavaScript 1995，18年前 Brendan Eich JavaScript 的发展 多范式：函数式、OO、命令式 1995 年诞生于 Netscape 1998 年成为 ECMA 标准 2006 年 jQuery 发布 2009 年 Node.js：JavaScript 延伸到 Server 端 近两年：AMD、CommonJS

View Tree (OEM) Layout Tree DOM Tree JS VDOM Layer Tree Layer Tree 渲染技术探索 Dart JavaScript JavaScript JavaScript WORE ??? ?? WORE ??? LORE ?? (Learn One Run Everywhere) WORE ???? (Write Once Run JIT Dart VM Dart AOT Runtime AOT Any application that can be written in JavaScript, will eventually be written in JavaScript. Jeff Atwood Co-founder of StackOverflow “ Flutter 增长迅速，但 Dart 关注平平 React Frontend Linux Android iOS Flutter Engine (C++) Composition Frame Scheduling Kraken JavaScript Runtime Kraken Object Model Bridge Binding Text Layout Kraken Protocol Communication JSCallDart

Flutter For Web 4 发展 Flutter在今年GDD大会正式发布stable 1.9，同时宣布Flutter For Web仓库正式合入Flutter主仓库 Dart编译JavaScript 移除平台模块 匹配Web特性 Flutter For Web 4 发展 Flutter For Web 4 项目改造 Alert Toast Dialog Refresh … UI PlayformAdapter Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 index.html Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 js_helper.dart Flutter For

⽅方案1： H5 WebView Hybrid WebView+Native React Native JavaScript+Native ⾃自⼰己负责渲染 WebView 跨平台的布局引擎： 转化为Native渲染 开发语⾔言：JavaScript 开发语⾔言：JavaScript 为何可以跨平台？ H5、Hybrid：虽然UI⾃自⼰己渲染， 但是渲染性能太低，⽽而且JS运⾏行行

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