无需安装 ● 增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 ● 前端功能越来越多：CS→BS→CS ● 大型应用维护和协作难 ● 性能弱，启动速度慢 ● 工具支持弱 ● 仔细选择技术方案和开发规范 Web 开发中还有许多问题有待解决... 未来的方向？ Chrome 当前：正在制定 ECMAScript 6 标准 JavaScript 并不完美 JavaScript 并不完美 ● 程序结构不明显 ● 并非为性能设计的语言 ● 缺少一些基础功能的支持 ● 缺少统一的基础特性，共享复用难 变量提升（hoisting） var foo = 'top-level'; function bar() { if (!true) { var foo = 运行时不能改变对象结构有利于VM优化 ● Dart VM 性能已超越 JavaScript V8 ● …… 高性能 性能测试 http://www.dartlang.org/performance/ Dart 语法特性 ● 纯面向对象：类 ● 范型 ● 函数、闭包 ● 库：import ● 可选类型 ● 词法作用域 ● 异步与并发编程 ● getter 和 setter ● 方法级联调用 ● 操作符重载

code 强类型，可以类型推断 提升开发效率！ 经过简单统计，写同⼀一个功能， 使⽤用Dart，可以减少50%的代码量量 强⼤大的异步编程能⼒力力 全栈语⾔言 UI Widget 所有UI元素都是widget组件 Stateless Widget Stateful Widget 状态 功能 Visual Layout Painting Intera ction Platform 8M Flutter SDK Dart代码的构建产物 Native 代码 资源⽂文件 热更更新？ JIT 替换产物 ⽣生成js …. Flutter 已经把热更更新作为 接下来的重要特性在开发 ⼩小德-koudle @Tencent 我的Github： https://github.com/koudle 我的掘⾦金金主⻚页： https://juejin.im/user

of millions MAU 关于Flutter •Google推出的跨平台开发框架 •创建高性能，高稳定性，高帧率的 Android/iOS应用 •使用Dart语言开发 Flutter特性 跨平台 高性能 热重载 提升研发效 率 Flutter的应用 框架对比 Native 性 能 跨平台 Flutter RN web Hybrid 小程序 weex 框架应用

发展 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 适配 App Web CSSender

Flutter Java/res/lib 插件A 插件B Flutter plugin …… 网络 图片 Flutter 公共基础库 静态依赖 动态依赖 构 建 平 台 网络 特性 模块 配置 透明 开发 内置 网络 业务 …… 游戏吧 粉丝 插件问题与挑战 - plugin资源打包 ovprogresshud 自定义控件 Flutter Plugin Native生态成熟

Dart语言简介 - 类声明 上手试试？ Flutter基础 • 组件 • 路由 • 资源管理 • 包管理 Flutter组件 • 基础组件 • 布局组件 • 容器组件 • 功能类组件 基础组件 • StatelessWidget & StatefulWidget • Text • Button • Image • Switch & Checkbox • TextField 容器（Container） • 框架（Scaffold、TabBar、BottomNavigationBar） • 剪裁（Clip） 容器组件 • 列表（ListView） • 网格（GridView） 功能类组件 • 导航拦截（WillPopScope） • 对话框（AlertDialog） • 手势（GestureDetector） 路由 路由 包管理 资源管理 Flutter进阶

机器学习，视觉计算等 如何使用它 01. 副标题 • 在Web中使用JS API • 基于google libwebrtc实现原生客户端开发 (ios/android/c++) • 使用第三方堆栈实现兼容功能（Go） https://github.com/pion/webrtc 一对一视频原理 基本通讯流程 5 RTP/RTCP/媒体流 1 Offer 信令服务器 2 Offer 3 Answer