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

响应式 tieba_redux 现代 redux Redux的优势与问题 组织代码 n 组件:函数式，class n 数据:props，state n 纯函数 组织思想 n State变化可预期 n 面向action序列编程 n 松耦合调用方式 n 生态成熟，适用复杂场景 n 带有编码规范的框架 n 满足拦截类开发需求 Ø 网络访问添加通用参数 Ø 打印action序列和State，加速问题定位 全局 静态 拦截页面跳转； 添加通用参数；打日志 SHOW CODE Main函数调用注册函数 根据pubspec文件修改 触发pubget动态生成 注册和分发执行 Register (类型和优先级) Global Store NextDisp Rule1-N NextDisp Task1-N NextDisp Listener1-N 模块 Store NextDisp Task1

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

比肩原生的性能 调试工具完善 脱离前端 JS 生态 不支持动态下发 Bundle 不支持类 JSX，可读性差 前端视角里的 Flutter 使用 Flutter 的刚性诉求 具有动态性 可连接前端生态 Dart 生产模式 开发 Develop 部署 Deploy JIT Dart VM Dart AOT Runtime AOT Any application that can

⼀一体化的开发环境，全链接⽇日志和调试 服务端更更专注领域服务的通⽤用性和性能 闲⻥鱼 - 让你的闲置游起来 总结 • Flutter统⼀一移动端开发 • 分析Dart实现服务端“胶⽔水层”可⾏行行性 • 简化“胶⽔水层”开发流程，上⼿手更更容易易 • 介绍三端⼀一体化新开发模式 闲⻥鱼 - 让你的闲置游起来 UI2Code UI⽣生成代码 Flutter 客户端UI代码