后浪Flutter Google 开源的 UI 工具包 陈孟泽 后浪Flutter • 简介：移动跨平台方案及Flutter介绍 • 语言: Dart语言简介 • 基础：Flutter常用知识点 • 进阶：Flutter核心原理 • 资料：学习参考资料 移动跨平台方案 • H5+原生（Cordova、微信小程序） • JavaScript开发+原生渲染 （React Native、Weex、快应用） JavaScript+原生渲染 原生控件渲染 好 中 支持 RN、Weex 自绘UI+原生 调用系统API渲染 好 高 默认不支持 Flutter Flutter简介 • Google 开源的 UI 工具包 • 非常精美丰富的组件库 • 支持移动、Web、桌面和嵌入式平台 • UI统一、高性能 Flutter简介 Dart语言简介 - 变量声明 Dart语言简介 - 函数声明 Dart语言简介 Flutter进阶 Flutter进阶 Flutter进阶 Vue学习资料 • 官网：https://flutter.dev/ • 中文网：https://flutter.cn/ • 资源包: https://pub.flutter-io.cn/flutter/packages 谢谢！

JavaScript V8 ● …… 高性能 性能测试 http://www.dartlang.org/performance/ Dart 语法特性 ● 纯面向对象：类 ● 范型 ● 函数、闭包 ● 库：import ● 可选类型 ● 词法作用域 ● 异步与并发编程 ● getter 和 setter ● 方法级联调用 ● 操作符重载 ● Markdown注释 ● 支持 Mixin

平台的UI⽀支持不不好，⽆无法实现复杂的 UI布局。 编译流/虚拟机流 ⽅方案3 ⾃自⼰己负责渲染 Unity：虽然渲染性能很强⼤大，但渲染 机制为实时刷新，耗电量量太⼤大，在 APP⾥里里都是局部刷新；⽽而且安装包也 很⼤大 游戏引擎 最终⽅方案 渲染：⾃自⼰己负责渲染 dart：同时⽀支持JIT和AOT，性能⾼高 跨平台 性能 WebView Hybrid Native ReactNative 组合Widget ⾼高性能 动画 Platform Channel Java Native Flutter Engine Dart 真的要学Flutter了了吗？还有没有坑？ Guangzhou 包太⼤大？ Android iOS Debug 22.28M 31M Release 3.46M 13.8M Flutter SDK Dart代码的构建产物 Native 代码 资源⽂文件 热更更新？

持续集成 安卓插件 多版本生成 lib架构管理 For Web Lint 测试 性能工具 状态上报 基 础 设 施 性能&稳定性平台 FPS 页面打开速度 crash Bug管理 包大小分析 高可用 获取日志 远程调试 安全 接口防刷 插件平台 矩阵产品 贴吧 贴吧极速版 创新产品 公司其他产 品 业务模块 一键签到 吧资料 粉丝列表 … 系统层 Android 构建系统 tieba_redux Flutter Android插件之旅 接下来…… Flutter Android插件 n 插件设计与目标 n 问题与挑战 插件设计与目标 公共基础库 主包 Assets Runtime 运行容器 部署管理 壳（:flutter） 形态 内置 Java/res/lib 帖子内容 Java/res/lib 直播 Java/res/lib