1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components b. Polymer 库 大纲 Web应用的优点 ● 无需安装 ● 增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 ● 前端功能越来越多：CS→BS→CS CoffeeScript等编译器就是 JS 实现的，可以在线直接编译。 Dart 有所不同，dart2js 编译器 是 Dart 语言实现的，然后 dart2js 自己把自己编译成了 JS。 甚至这些非编译为 JavaScript 的语言： Go http://play.golang.org/ 但原理是将代码上传到服务器（沙盒中）执行，并返回输出 其它数十种编译到JS或JS的扩展语言 ● Dart VM ● 丰富的类库 ● 工具： ○ Dartium：Chrome + Dart VM ○ 包管理 Pub ○ Dart Editor ● Dart → JavaScript 编译器：dart2js Dart 两种运行模式 1）检查模式（checked） 检查类型匹配，及早发现问题，但性能差 T x = o 等价于 assert(o == null || o is T)

c#：同时⽀支持JIT和AOT Xamarin：虽然性能好了了⼀一些，但是跨 平台的UI⽀支持不不好，⽆无法实现复杂的 UI布局。 编译流/虚拟机流 ⽅方案3 ⾃自⼰己负责渲染 Unity：虽然渲染性能很强⼤大，但渲染 机制为实时刷新，耗电量量太⼤大，在 APP⾥里里都是局部刷新；⽽而且安装包也 很⼤大 游戏引擎 最终⽅方案 渲染：⾃自⼰己负责渲染 dart：同时⽀支持JIT和AOT，性能⾼高 跨平台 Guangzhou 语⾔言 Dart语⾔言发布 2011.10 Dart1.0 2013.11 Dart2.0 2018.8 Dart2.1 2018.12 JIT：动态编译，Hot Reload AOT：静态编译,Native code 强类型，可以类型推断 提升开发效率！ 经过简单统计，写同⼀一个功能， 使⽤用Dart，可以减少50%的代码量量 强⼤大的异步编程能⼒力力 全栈语⾔言

无法同步Dart代码 无法启动调试 Android IOS 工程化开发模式Ⅱ • Flutter工程集成NOW工程模式 • 修改NOW工程结构 • 将Dart代码与Native代码一起存放GIT • 修改编译脚本 • 支持断点调试 无法跨终端同步及维护Dart代码 工程化开发模式Ⅲ • Gradle/CocoaPods依赖管理 • 跨终端团队协作远程构建产出模式 • Dart代码独立GIT Release版本不支持 •iOS系统无法在运行时将内存页 标记为可执行 Android构建产出 iOS构建产出 Dart Project Android终端 iOS终端 应用更新 动态更新 •下发JIT编译产出 •牺牲性能 •仅适用于体验要求不高页面 JIT构建产出 JIT构建产出 Dart Project Android终端 iOS终端 应用更新 三端统一 •一份Dart代码 •统一三端开发

Obj-C/Swift • Android 使用libwebrtc.aar + java • Windows 使用libwebrtc.dll + C++ 实际开发中会遇到的困难 • 下载和编译Google WebRTC框架（防火墙，编译环境） • 原生SDK开发(每平台人力投入) • UI 的一致性，更新迭代（类似SDK需按平台维护） • 性能问题(全部使用html5) 客户端是否有 更好的选择？ 为何选择

n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 独立Flutter 仓库 一键命令切换 编译产物 （默认） 百度EasyBox FlutterBox 源码接入 工程pubspec.yaml Flutter源码 flutter_manifest.yaml merge pubspec开发需求 NextDisp Reducer Global Store 注册分发 业务框架小结 场 景 扩 展 收 益 一键生成多版本 多团队并行开发 加快问题定位 Hook跳转热修复 少选模块编译快 跨H5可行性 启动初始化 业务/服务/子系统 Tab容器化 生命周期 构建系统 tieba_redux Flutter Android插件之旅 接下来…… Flutter Android插件

Web 4 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