FlutterBox 可视化工具 构建 持续集成 安卓插件 多版本生成 lib架构管理 For Web Lint 测试 性能工具 状态上报 基 础 设 施 性能&稳定性平台 FPS 页面打开速度 crash Bug管理 包大小分析 高可用 获取日志 远程调试 安全 接口防刷 插件平台 矩阵产品 贴吧 贴吧极速版 创新产品 公司其他产 品 业务模块 一键签到 吧资料 Redux标准用法如发起网络 全局 静态 打开页面；获取定位 Listener 多个 全局 动态 未读消息数变化 静态 App启动；网络变化 Rule 多个 全局 静态 拦截页面跳转； 添加通用参数；打日志 SHOW CODE Main函数调用注册函数 根据pubspec文件修改 触发pubget动态生成 注册和分发执行 Register (类型和优先级) Global Store

iOS & Flutter负责人 目录 / contents • Flutter简介 • 实践框架及页面栈管理 • 性能优化 • Flutter For Web Flutter简介 1 Flutter简介 跨平台 1 201 3 201 5 201 6 Web页面 • H5 + CSS3 + JS • 最成功的的跨平台 201 7 2014 Hybrid Apps Anywhere Flutter简介 跨平台 1 201 4 Web页面 2015 React Native • FaceBook • JS -> iOS + Android 201 6 201 7 Write Once, Run Anywhere Flutter简介 跨平台 1 201 4 Web页面 2016 React Native 201 5 201 Run Anywhere WeeX • Alibaba • JS -> iOS + Android + Web Flutter简介 跨平台 1 201 8 201 4 Web页面 2017 React Native 201 5 Write Once, Run Anywhere WeeX 201 6 Flutter • Google • Dart ->

Version3.0 房间页 2018.4 2018.11 2019.2 Flutter 独立 APP 保密 & 2019.5 Flutter实现的页面 动态页 三级页面 关注页 首页 房间 核心页面 系统框架 MessageChannel Native Dart Channel Report Log … DartChannel DartReport RichText 标记为可执行 Android构建产出 iOS构建产出 Dart Project Android终端 iOS终端 应用更新 动态更新 •下发JIT编译产出 •牺牲性能 •仅适用于体验要求不高页面 JIT构建产出 JIT构建产出 Dart Project Android终端 iOS终端 应用更新 三端统一 •一份Dart代码 •统一三端开发 WEB iOS Android DART

Lars Bak等 TypeScript 2012，1年前 Anders Hejlsberg TypeScript 和 Dart 类似的初衷，但更兼容 JavaScript ● 类 ● 类型 ● 模块 ● …… TypeScript class Greeter { greeting: string; constructor(message: string) { } } Dart 像 Java ? 有点像，但差太多 Dart 是什么样语言 ● 简单、熟悉的面向对象语言 ● 基于类，单继承、多实现 ● 熟悉的语法和恰当的词法作用域 ● 可选的静态类型 ● 单线程和基于Isolate的并发 为什么喜欢 Dart 1. 开源 2. 有 Google 当靠山 3. 执行效率高 4. 有机会成为 Android 内置的虚拟机，用来写手机 App → JavaScript 编译器：dart2js Dart 两种运行模式 1）检查模式（checked） 检查类型匹配，及早发现问题，但性能差 T x = o 等价于 assert(o == null || o is T) 2）生产模式（production） 不检查类型，性能好 Dart 运行环境 Dart source code Dart VM JavaScript source

Dart1.0 2013.11 Dart2.0 2018.8 Dart2.1 2018.12 JIT：动态编译，Hot Reload AOT：静态编译,Native code 强类型，可以类型推断 提升开发效率！ 经过简单统计，写同⼀一个功能， 使⽤用Dart，可以减少50%的代码量量 强⼤大的异步编程能⼒力力 全栈语⾔言 UI Widget 所有UI元素都是widget组件

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