使用Flutter快速構建集美觀與高性能于一體的移動應用.pdf

1、使Flutter快速構建集美觀與性能于體的移動應Build beautiful native apps in record time移動/臺式機的使用時間移動應用/網站的使用時間中國用戶的移動應用使用時間移動應用使用時間的分配電子商務交易量Confidential+Proprietary多平臺高性能用戶的需求 Market NeedsConfidential+Proprietary獲獎軟件 Award-Winning AppsConfidential+Proprietary獲獎軟件 Award-Winning AppsConfidential+Proprietary國內流行軟件 Popular

2、 Apps in ChinaConfidential+Proprietary用戶的需求 Market Needs多平臺高性能精美的定制設計Confidential+Proprietary移動軟件開發的困難 Mobile Development Challenges開發太貴開發太慢高質量太難工程資源太難共享Confidential+Proprietary移動軟件開發的困難 Mobile Development Challenges肯定有更好的辦法Confidential+Proprietary目標 GoalsFast Development讓開發者處在高工作效率的狀態Expressive and

3、 Flexible UI可創造出任何設計師期望的局面與效果High Performance不犧牲原生的運行速度Confidential+ProprietaryFlutter的特點 Flutter SummaryFast DevelopmentHot Reload快速搭構，快速調試Declarative+Reactive減低認知負荷Testing無需看界面的界面測試Expressive and Flexible UICompositional API重建框架與開發者的關系Render Directly to GPU提供更緊密的界面細節控制Native PerformanceOptimized P

4、erformance實現Flutter高性能的原理Compiles to Native編譯至ARM代碼Confidential+ProprietaryFlutter的特點 Flutter SummaryFast DevelopmentHot Reload快速搭構，快速調試Declarative+Reactive減低認知負荷Testing無需看界面的界面測試Expressive and Flexible UICompositional API重建框架與開發者的關系Render Directly to GPU提供更緊密的界面細節控制Native PerformanceOptimized Perfo

5、rmance實現Flutter高性能的原理Compiles to Native編譯至ARM代碼Confidential+Proprietary熱重載 Hot Reload“我的代碼還在 編譯ing”Confidential+Proprietary熱重載 Hot Reload寫codeConfidential+Proprietary熱重載 Hot ReloadDemoConfidential+Proprietary熱更新 Hot ReloadConfidential+Proprietary熱更新 Hot ReloadConfidential+Proprietary聲明式+響應式開發模式 Decl

6、arative,Reactive DevelopmentConfidential+Proprietary聲明式+響應式開發模式 Declarative,Reactive DevelopmentConfidential+Proprietary?聲明式+響應式開發模式 Declarative,Reactive DevelopmentConfidential+Proprietary聲明式+響應式開發模式 Declarative,Reactive DevelopmentConfidential+Proprietary界面測試 UI TestingConfidential+Proprietary界面測試

7、 UI TestingDemoConfidential+Proprietary界面測試 UI TestingConfidential+ProprietaryFlutter的特點 Flutter SummaryFast DevelopmentHot Reload快速搭構，快速調試Declarative+Reactive減低認知負荷Testing無需看界面的界面測試Expressive and Flexible UICompositional API重建框架與開發者的關系Render Directly to GPU提供更緊密的界面細節控制Native PerformanceOptimized Pe

8、rformance實現Flutter高性能的原理Compiles to Native編譯至ARM代碼組合性的API Compositional APIAPI秘制大招組合性的API Compositional APIAPI秘制大招Confidential+Proprietary組合性的API Compositional APIConfidential+Proprietary組合性的API Compositional APIDemoConfidential+Proprietary組合性的API Compositional APIConfidential+Proprietary直通GPU渲染 Ren

9、der Directly to GPUDemoConfidential+Proprietary直通GPU渲染 Render Directly to GPUConfidential+ProprietaryFlutter的特點 Flutter SummaryFast DevelopmentHot Reload快速搭構，快速調試Declarative+Reactive減低認知負荷Testing無需看界面的界面測試Expressive and Flexible UICompositional API重建框架與開發者的關系Render Directly to GPU提供更緊密的界面細節控制Native

10、PerformanceOptimized Performance實現Flutter高性能的原理Compiles to Native編譯至ARM代碼Confidential+Proprietary性能優化-互聯網 Performance Optimization-Web對比、更新Real DOMVirtual DOM應用平臺渲染CanvasEventsConfidential+Proprietary性能優化-移動端 Performance Optimization-Mobile對比、更新平臺組件框架組件應用平臺渲染CanvasEvents線程跳躍Confidential+Proprietary性

11、能優化-Flutter Performance Optimization-Flutter渲染 更新 框架組件應用平臺CanvasEventsConfidential+Proprietary性能優化-Flutter Performance Optimization-Flutter渲染 更新 框架組件應用平臺CanvasEventsConfidential+Proprietary性能優化-布局 Performance Optimization-Layout大小約束VS傳統多次布局單次布局當前進展 Current Progress閑魚 Alibaba Xianyu數值軸75001500022500300002015-042016-022016-112017-082018-06GitHub關注 GitHub StarsBeta 1Flutter Release Preview 1AnnouncingFlutter 首個發布預覽版宣布Confidential+Proprietary社區 Community開源開發-始于第一行代碼GitH 中文資源flutter-