页面栈 推送 日志 … 基础能力 数据传输层 Native基础层 应用UI 实践框架及页面栈管理 2 接入层 - MJFlutter 通道传输 基础能力 接口简单易用 方便接入 扩展能力强 终生使用 底层Engine耦合低 实践框架及页面栈管理 2 混合栈管理 Native_0 Flutter_0 Native_1 Flutter_1 Flutter_0 Flutter_2 FlutterEngine/FlutterNativeView Route Navigator 性能优化 3 性能优化 3 泄漏 内存 增量 内存 - 降低20% 引擎 图片加载 性能优化 3 分析调 试 渲染 页面渲染 - 降低20-30% 定制规 则 优先使用StatelessWidget 最小封装原则 减少build函数中过多操作 尝试将部分Widget设置为const PlayformAdapter Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 index.html Flutter For Web 4 JavaScript扩展 Dart与JavaScript交互 js_helper.dart Flutter

演进中的各种新技术标准 ● 编程语言的多元化 Web 是平台，能在上面做什么归根结底是技术标 准和浏览器支持说了算。 技术可以被 hack 的方式玩出新花样，但能力本 身并没有改变。 技术发展方向 1. 能力的扩展来自新技术：如 WebRTC 和 Web Components。 2. 开发方式会有不同流派，但基础技术的支撑很 重要，如编程语言。 1. Web的演化 2. 语言篇 a. 语言的发展 b JS。 甚至这些非编译为 JavaScript 的语言： Go http://play.golang.org/ 但原理是将代码上传到服务器（沙盒中）执行，并返回输出 其它数十种编译到JS或JS的扩展语言 ● ClojureScript ● LiveScript ● RubyJS ● GWT ● Asm.js ● …… more languages search by “List of languages 类型的好处 ● 类型即文档，表明程序意图，提供概念框架 ● 避免特定的变量命名模式或注释方式 ● 适合范型 ● 良好工具的支持 ● 更早发现问题（类型检查）： ○ 检查模式运行 ○ 静态代码分析 ● Dart 类型是可选的，而非强制的。 可选类型 class Point { var x, y; Point(this.x, this.y); operator +(other)

MDB LDB Dart Server HSF HTTP Server Tair Switch Eagle-eye Hot Reload Zone Isolate Router C++扩展 或 Service Mesh 服务集合 缓存 ⽇日志模块 开关 监控数据采集 5 : 1 原则 胶⽔水层多变 领域层少改 接⼝口服务 - 业务逻辑 闲⻥鱼 - 让你的闲置游起来 前后端⼀一致的调试⽅方式。 闲⻥鱼 - 让你的闲置游起来 ⼀一体化开发的好处 开发灵活，扩展性好，降低沟通成本 协议三端⼀一致性，提⾼高性能和效率 ⼀一体化的开发环境，全链接⽇日志和调试 服务端更更专注领域服务的通⽤用性和性能 闲⻥鱼 - 让你的闲置游起来 总结 • Flutter统⼀一移动端开发 • 分析Dart实现服务端“胶⽔水层”可⾏行行性 • 简化“胶⽔水层”开发流程，上⼿手更更容易易

安卓插件 多版本生成 lib架构管理 For Web Lint 测试 性能工具 状态上报 基 础 设 施 性能&稳定性平台 FPS 页面打开速度 crash Bug管理 包大小分析 高可用 获取日志 远程调试 安全 接口防刷 插件平台 矩阵产品 贴吧 贴吧极速版 创新产品 公司其他产 品 业务模块 一键签到 吧资料 粉丝列表 … 系统层 Android iOS