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

美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 2.2 Flutter Web 的支持 2018 年 Google 首次公开 Flutter Web Beta 版，旨在进一步实现一份代码、多端 运行的愿景。目前，Flutter Web 已被正式合入 Master，期间经过无数工程师的努 力，Flutter Web 已能提供与 Flutter Natvie 较统一的交互行为和视觉体验。 Flutter Native VS Flutter Web

ArrayBuffer 2 1.28 2.1 2.2 2.3 参考链接 其他 源码 修订历史 反馈意见 3 ECMAScript 6 入门 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介 绍，并给出大量简洁易懂的示例代码。 全书已由电子工业出版社出版，2017年9月推出了第三版，书名为《ES6 标准入 门》。纸版是基于网站内容排版印刷的。 感谢张春雨编辑支持我将全书开源的做法。如果您认可这本书，建议购买纸版。这 样可以使出版社不因出版开源书籍而亏钱，进而鼓励更多的作者开源自己的书籍。 下面是第三版的购买地址。 淘宝 京东 当当 亚马逊 China-pub 版权许可 本书采用“保持署名—非商用”创意共享4 ing!}} // 报错 Breve over the h goes \u{h}ere // 报错 ` 上面代码中，变量 document 内嵌的模板字符串，对于 LaTEX 语言来说完全是合 法的，但是 JavaScript 引擎会报错。原因就在于字符串的转义。 模板字符串会将 \u00FF 和 \u{42} 当作 Unicode 字符进行转义，所 以 \unicode 解析时报错；而

代的步伐。 文档地址：http://www.bookstack.cn/books/liaoxuefeng-JavaScript 书栈官网：http://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！ 感谢知识的创造者，感谢知识的分享者，也感谢每一位阅读到此处的 读者，因为我们都将成为知识的传承者。 致谢 - 但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为 键也是非常合理的。 为了解决这个问题，最新的ES6规范引入了新的数据类型 Map 。要测试你的浏览器是否支持ES6规 范，请执行以下代码，如果浏览器报ReferenceError错误，那么你需要换一个支持ES6的浏览器： 1. 'use strict'; 2. var m = new Map(); 3. var Map和Set - 44 - 本文档使用 书栈(BookStack.CN) 构建 2.9 iterable 遍历 Array 可以采用下标循环，遍历 Map 和 Set 就无法使用下标。为了统一集合类型，ES6标 准引入了新的 iterable 类型， Array 、 Map 和 Set 都属于 iterable 类型。 具有 iterable 类型的集合可以通过新的 for …

com/zhongsp/TypeScript 文档地址：http://www.bookstack.cn/books/TypeScript-4.0-zh 书栈官网：https://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！ 感谢知识的创造者，感谢知识的分享者，也感谢每一位阅读到此处的 读者，因为我们都将成为知识的传承者。 致谢 - TypeScript支持类型，是 JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP.NET Core，React Native， Vue，Glimmer，WeChat，Dojo2，Knockout等 TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本手册也会紧随官 方的每个commit，不断地更新新的章节以及修改措词不妥之处。 如果你对TypeScript一见钟情，可以订阅and

TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript 代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本 手册也会紧随官方的每个commit，不断地更新新的章节以及修改措词不妥之处。 如果你对TypeScript一见钟情，可以订阅and 为对象类型, new (...args: any[]) => X 是一 个实例类型为 X 的混合构造函数类型。 混合类指一个 extends (扩展)了类型参数类型的表达式的类声明或表达式. 以下规 则对混合类声明适用： extends 表达式的类型参数类型必须是混合构造函数. 混合类的构造函数 (如果有) 必须有且仅有一个类型为 any[] 的变长参数, 并 且必须使用展开运算符在 对模块解析逻辑的调整 TypeScript Handbook（中文版） 197 TypeScript 1.6 从 1.6 开始, TypeScript 编译器对于 "commonjs" 的模块解析会使用一套不同的规 则. 这些规则 尝试模仿 Node 查找模块的过程. 这就意味着 node 模块可以包含它的 类型信息, 并且 TypeScript 编译器可以找到这些信息. 不过用户可以通过使用 -- moduleResolution

的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 组件化开发 企业级开发核⼼心能⼒力力 适⽤用⼤大型项⽬目重要 uni-app 终极跨解决⽅方案 100 packages 《如何看待美团开源的 mpvue》 知乎阅读数 22万 京东，360，滴滴使⽤用，⽀支付宝⼩小程序合作 jsbridge 统⼀一桥适配 框架性能优化 Vue 版本升级 最流⾏行行的 ⼩小程序框架 社区第三⽅方库 ⽀支持 泛⼩小程序平台 动态化⽅方案 跨端 动态化 泛⼩小程序 开源 社区建设 微信 ⼩小程序 动态化能⼒力力展望 能⼒力力扩展和共建 社区⽣生态完善 专注微信⼩小程序⽀支持 将 mpvue 建设成最流⾏行行的⼩小程序开发框架 完善社区技术⽣生态

apps的HTML的增强 可以与其他的类库协同工作 开源的javascript框架，google维 护 声明式的编程方法 Sencha ExtJS 和 和 AngularJS对比 对比 序号 序号 Features ExtJS AngularJS 1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap Yeoman, Grunt 和 Bower Licensing and Support 27. 协议 Per-seat / per-server commercial license 和 开源软件基于 GPL 许可 开源的JavaScript 框架，基于 MIT 许可. 28. 完整的稳定，教程，食品，案例 ✔ ✔ 29. 支持：一般的讨论，bug提交， 开发新特性请求 基础支持和付费支持 完全支持 dirty cycle: 通过赋值，比如 $scope.username="angular" ，并不会马上触发$watch，而是在 $digest 阶段才会触发。这个延迟的好处，是可以将多个模型的更新操作，合 并到一个$watch消息通知中，这样，可以确保这个$watch通知运行时，没有其他的 $watches 在允许。如果一个$watch改变了模型的值，它就会被加入$digest 周期

算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、C++、Java 算法：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤 和示例问题等。 第 0 章 前言 hello‑algo.com 3 图 0‑1 本书主要内容 0.1.3 致谢 本书在开源社区众多贡献者的共同努力下不断完善。感谢每一位投入时间与精力的撰稿人，他们是（按照 GitHub 自动生成的顺序）：krahets、Gonglja、nuomi1、codingonion、Reano 第一行代码“Hello World!”的 美好回忆； ‧ 感谢校铨在知识产权方面提供的专业帮助，这对本开源书的完善起到了重要作用； ‧ 感谢苏潼为本书设计了精美的封面和 logo ，并在我的强迫症的驱使下多次耐心修改； ‧ 感谢 @squidfunk 提供的排版建议，以及他开发的开源文档主题 Material‑for‑MkDocs 。 在写作过程中，我阅读了许多关于数据结构与算法的教材和

算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、C++、Java 算法：搜索、排序、分治、回溯、动态规划、贪心等算法的定义、优缺点、效率、应用场景、解题步骤 和示例问题等。 第 0 章 前言 hello‑algo.com 3 图 0‑1 本书主要内容 0.1.3 致谢 本书在开源社区众多贡献者的共同努力下不断完善。感谢每一位投入时间与精力的撰稿人，他们是（按照 GitHub 自动生成的顺序）：krahets、Gonglja、nuomi1、codingonion、Reano 第一行代码“Hello World!”的 美好回忆； ‧ 感谢校铨在知识产权方面提供的专业帮助，这对本开源书的完善起到了重要作用； ‧ 感谢苏潼为本书设计了精美的封面和 logo ，并在我的强迫症的驱使下多次耐心修改； ‧ 感谢 @squidfunk 提供的排版建议，以及他开发的开源文档主题 Material‑for‑MkDocs 。 在写作过程中，我阅读了许多关于数据结构与算法的教材和