GMTC2018 《使用Flutter快速构建集美观与高性能于一体的移动应用》 于潇
2020-02-27 168浏览
- 1.使⽤Flutter快速构建集美 观与⾼性能于⼀体的移动 应⽤ Xiao Yu (于潇) ⾕谷歌Flutter框架⼯工程师
- 2.
- 3.
- 4.Build beautiful native apps in record time
- 5.
- 6.移动/台式机的使⽤用时间
- 7.移动应⽤用/⽹网站的使⽤用时间
- 8.中国⽤用户的移动应⽤用使⽤用时间
- 9.移动应⽤用使⽤用时间的分配
- 10.
- 11.电⼦子商务交易易量量
- 12.⽤用户的需求 Market Needs • 多平台 • ⾼高性能 Confidential + Proprietary
- 13.获奖软件 Award-Winning Apps Confidential + Proprietary
- 14.获奖软件 Award-Winning Apps Confidential + Proprietary
- 15.国内流⾏行行软件 Popular Apps in China Confidential + Proprietary
- 16.⽤用户的需求 Market Needs • 多平台 • ⾼高性能 • 精美的定制设计 Confidential + Proprietary
- 17.移动软件开发的困难 Mobile Development Challenges • 开发太贵 • 开发太慢 • ⾼高质量量太难 • ⼯工程资源太难共享 Confidential + Proprietary
- 18.移动软件开发的困难 Mobile Development Challenges 肯定有更更好的办法 Confidential + Proprietary
- 19.⽬目标 Goals • Fast Development • 让开发者处在⾼高⼯工作效率的状态 • Expressive and Flexible UI • 可创造出任何设计师期望的局⾯面与效果 • High Performance • 不不牺牲原⽣生的运⾏行行速度 Confidential + Proprietary
- 20.Flutter的特点 Flutter Summary Fast Development • Hot Reload • 快速搭构，快速调试 • Declarative+Reactive • 减低认知负荷 • Testing • ⽆无需看界⾯面的界⾯面测试 Expressive and Flexible UI • Compositional API • 重建框架与开发者的关系 • Render Directly to GPU • 提供更更紧密的界⾯面细节控制 Native Performance • Optimized Performance • 实现Flutter⾼高性能的原理理 • Compiles to Native • 编译⾄至ARM代码 Confidential + Proprietary
- 21.Flutter的特点 Flutter Summary Fast Development • Hot Reload • 快速搭构，快速调试 • Declarative+Reactive • 减低认知负荷 • Testing • ⽆无需看界⾯面的界⾯面测试 Expressive and Flexible UI • Compositional API • 重建框架与开发者的关系 • Render Directly to GPU • 提供更更紧密的界⾯面细节控制 Native Performance • Optimized Performance • 实现Flutter⾼高性能的原理理 • Compiles to Native • 编译⾄至ARM代码 Confidential + Proprietary
- 22.热重载 Hot Reload “我的代码还在 编译ing” Confidential + Proprietary
- 23.热重载 Hot Reload 写code Confidential + Proprietary
- 24.热重载 Hot Reload Demo Confidential + Proprietary
- 25.热更更新 Hot Reload Confidential + Proprietary
- 26.热更更新 Hot Reload Confidential + Proprietary
- 27.声明式+响应式开发模式 Declarative, Reactive Development Confidential + Proprietary
- 28.声明式+响应式开发模式 Declarative, Reactive Development Confidential + Proprietary
- 29.声明式+响应式开发模式 Declarative, Reactive Development ? ? ? Confidential + Proprietary
- 30.声明式+响应式开发模式 Declarative, Reactive Development Confidential + Proprietary
- 31.界⾯面测试 UI Testing Confidential + Proprietary
- 32.界⾯面测试 UI Testing Demo Confidential + Proprietary
- 33.界⾯面测试 UI Testing Confidential + Proprietary
- 34.Flutter的特点 Flutter Summary Fast Development • Hot Reload • 快速搭构，快速调试 • Declarative+Reactive • 减低认知负荷 • Testing • ⽆无需看界⾯面的界⾯面测试 Expressive and Flexible UI • Compositional API • 重建框架与开发者的关系 • Render Directly to GPU • 提供更更紧密的界⾯面细节控制 Native Performance • Optimized Performance • 实现Flutter⾼高性能的原理理 • Compiles to Native • 编译⾄至ARM代码 Confidential + Proprietary
- 35.组合性的API Compositional API API 秘制⼤大招
- 36.组合性的API Compositional API API 秘制⼤大招
- 37.组合性的API Compositional API Confidential + Proprietary
- 38.组合性的API Compositional API Demo Confidential + Proprietary
- 39.组合性的API Compositional API Confidential + Proprietary
- 40.直通GPU渲染 Render Directly to GPU Demo Confidential + Proprietary
- 41.直通GPU渲染 Render Directly to GPU Confidential + Proprietary
- 42.Flutter的特点 Flutter Summary Fast Development • Hot Reload • 快速搭构，快速调试 • Declarative+Reactive • 减低认知负荷 • Testing • ⽆无需看界⾯面的界⾯面测试 Expressive and Flexible UI • Compositional API • 重建框架与开发者的关系 • Render Directly to GPU • 提供更更紧密的界⾯面细节控制 Native Performance • Optimized Performance • 实现Flutter⾼高性能的原理理 • Compiles to Native • 编译⾄至ARM代码 Confidential + Proprietary
- 43.性能优化 - 互联⽹网 Performance Optimization - Web 应⽤用 Virtual DOM 对⽐比、 更更新 平台 Real DOM 渲 染 Canvas Events Confidential + Proprietary
- 44.性能优化 - 移动端 Performance Optimization - Mobile 应⽤用 框架组件 对⽐比、 更更新 平台 平台组件 渲 染 Canvas Events 线程跳跃 Confidential + Proprietary
- 45.性能优化 - Flutter Performance Optimization - Flutter 应⽤用 渲 框架组件 染 更更 新 平台 Canvas Events Confidential + Proprietary
- 46.性能优化 - Flutter Performance Optimization - Flutter 应⽤用 渲 框架组件 染 更更 新 平台 Canvas Events Confidential + Proprietary
- 47.性能优化 - 布局 Performance Optimization - Layout 传统多次布局 VS 约束 单次布局 ⼤大⼩小 Confidential + Proprietary
- 48.当前进展 Current Progress
- 49.闲⻥鱼 Alibaba Xianyu
- 50.数值轴 GitHub关注 GitHub Stars 30000 22500 15000 7500 Beta 1 2015-04 2016-02 2016-11 2017-08 2018-06
- 51.Announcing Flutter Release Preview 1 宣布 Flutter ⾸首个发布预览版
- 52.
- 53.
- 54.
- 55.社区 Community 开源开发 - 始于第⼀一⾏行行代码 GitHub github.com/flutter/flutter 官⽹网 flutter.io 中⽂文资源 flutter-io.cn Confidential + Proprietary
