Flutter和Native性能简单⽐比较 Flutter Native 45 FPS 30 FPS 113.2% 184.8% 闲⻥鱼 - 让你的闲置游起来 Flutter ⽣生产环境情况 内存问题 icudtl.dat问题 视频兼容问题 截图问题 Armv7问题 字体问题 … 早期的问题： User Crash率： 统计基准⽤用户数：千万级 1% < 0.01% 闲⻥鱼 - 让你的闲置游起来 领域服务 - HSF Provider 接⼊入⽹网关 负载均衡 商品 缓存 Switch 开关 Eagle-eye 统计告警 搜索 消息 ⻥鱼塘 配置 ⽤用户 MDB LDB Dart Server HSF HTTP Server Tair Switch Eagle-eye Hot Reload Zone Isolate Router 监控数据采集 5 : 1 原则 胶⽔水层多变 领域层少改 接⼝口服务 - 业务逻辑 闲⻥鱼 - 让你的闲置游起来 RT 单机QPS 系统资源 运⾏行行时⻓长 Dart Server ⽣生产环境情况 达到⽣生产稳定性，性能满⾜足“胶⽔水层”需求 闲⻥鱼详情⻚页所有流量量由Dart Server服务 闲⻥鱼 - 让你的闲置游起来 能否做到像写客户端⼀一样写服务端？ 怎么快速找到后端服务，服务简单调⽤用？

Android插件化 n 总结 第一步 当 我 跨 出 第 一 步 工程体系接入 n Flutter接入方式 n FlutterBox Flutter接入方式 源码 双端工程 Flutter环境 aar Framework 独立Flutter 仓库 一键命令切换 编译产物 （默认） 百度EasyBox FlutterBox 源码接入 工程pubspec.yaml Flutter源码 接下来…… n 技术需求（背景） n 现有业务框架 n 现有业务框架的问题与挑战 n redux到tieba_redux 技术需求（背景） 定制版本、 快速开发新app 细粒度模块化 中台能力 一键配置生成 现有业务框架（传统做法） Model Presenter View 消息中心 注册 监听 发消息 网络(长短链接) 自定义 拦截/整合 模块间 模块内 现有业务框架的问题与挑战 分之后的代码组织与运行 n 细粒度模块化的编码需求 tieba_redux GlobalRedux Tasks Actions Reducers Store State n 皮肤/夜间/暗黑 n 开关/配置 n 账户信息 n 网络状态 n Middleware n 同步/异步 n 并行度 Listeners Rules n 全局广播监听者 n 全局拦截处理 模块Redux Tasks Actions

● 工具支持弱 ● 仔细选择技术方案和开发规范 Web 开发中还有许多问题有待解决... 未来的方向？ Chrome OS 和 Chromebook Chrome OS 基于浏览器和云端环境的 OS Chromebook 搭载 Chrome OS 的笔记本 今天的讲义也是用 Google doc 做的 PC销量下降，而 Chromebook 销 量增长 Chrome App vs 6. 可以写 Web 前端程序，在浏览器内运行 @蔡学镛 ● 结构化并且灵活的Web语言 ● 简单、有生产力 ● 适合从小型到大型的项目 ● 高性能、快速启动 ● 适合各种设备的Web环境 Dart 语言的目标 Dart 语言的组成 ● 语言规范 ● Dart VM ● 丰富的类库 ● 工具： ○ Dartium：Chrome + Dart VM ○ 包管理 Pub 检查类型匹配，及早发现问题，但性能差 T x = o 等价于 assert(o == null || o is T) 2）生产模式（production） 不检查类型，性能好 Dart 运行环境 Dart source code Dart VM JavaScript source code dart2js Source map tree shaking minification

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

支持断点调试 无法跨终端同步及维护Dart代码 工程化开发模式Ⅲ • Gradle/CocoaPods依赖管理 • 跨终端团队协作远程构建产出模式 • Dart代码独立GIT • 远程构建平台配置终端推送地址 • 构建完成自动推送更新 QCI 远程构建平台 Android Git iOS Git 工程化开发模式Ⅲ 1. 拉取Dart分支 2. 拉取Android /iOS分支

降低20-30% 定制规 则 优先使用StatelessWidget 最小封装原则 减少build函数中过多操作 尝试将部分Widget设置为const 不可见的控件懒加载 自定义控件，尽可能复用配置 Flutter For Web 4 Flutter For Web 4 发展 Flutter在今年GDD大会正式发布stable 1.9，同时宣布Flutter For Web仓库正式合入Flutter主仓库