美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 108 美团民宿跨端复用框架设计与实践 165 美团跨端一体化富文本管理技术实践 186 前端 | 2020 202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin：设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 自动化埋点探索 447 Litho 在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android

........... 112 JavaScript Promise 迷你书（中文版） 3 前言 写作初衷 本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心，着重向各位读 者介绍JavaScript中对Promise相关技术的支持情况。 通过阅读本书，我们希望各位读者能在下面三个目标上有所收获。 • 学习Promise相关内容，能熟练使用Promise模式并进行测试 像上面这样基于回调函数的异步处理如果统一参数使用规则的话，写法也会很明了。 但是，这也仅是编码规约而已，即使采用不同的写法也不会出错。 而Promise则是把类似的异步处理对象和处理规则进行规范化， 并按照采用统一的接口 来编写，而采取规定方法之外的写法都会出错。 下面是使用了Promise进行异步处理的一个例子 ---- var promise = getAsyncPromise("fileA // 获取文件内容成功时的处理 }).catch(function(error){ // 获取文件内容失败时的处理 }); ---- <1> 返回promise对象 我们可以向这个预设了抽象化异步处理的promise对象， 注册这个promise对象执行成功 时和失败时相应的回调函数。 这和回调函数方式相比有哪些不同之处呢？ 在使用promise进行一步处理的时候，我们 必须按照接口规定的方法编写处理代码。

心语法不算很多，只能用来做一些数学和逻辑运算。JavaScript 本 身不提供任何与 I/O（输入/输出）相关的 API，都要靠宿主环境 （host）提供，所以 JavaScript 只合适嵌入更大型的应用程序环 境，去调用宿主环境提供的底层 API。 目前，已经嵌入 JavaScript 的宿主环境有多种，最常见的环境就是 浏览器，另外还有服务器环境，也就是 Node 项目。 导论 什么是 JavaScript 上网体验、各种基于浏览器的便捷功能、前后端之间紧密高效的联系， JavaScript 是必不可少的工具。 近年来，JavaScript 的使用范围，慢慢超越了浏览器，正在向通用 的系统语言发展。 （1）浏览器的平台化 随着 HTML5 的出现，浏览器本身的功能越来越强，不再仅仅能浏览网 页，而是越来越像一个平台，JavaScript 因此得以调用许多系统功 为什么学习 JavaScript？ 操控浏览器的能力 Wide Web），从此可以在网上浏览网页文件。最早的网页 只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都 是在字符窗口中显示，这当然非常不方便。 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的 浏览器，叫做 Mosaic。这是人类历史上第一个浏览器，从此网页可以 在图形界面的窗口浏览。 1994年10月，NCSA 的一个主要程序员 Marc Andreessen

应用 学习设计 JS API 学习web开发工具 学习命令行的使用 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 学习web开发工具 学习命令行的使用 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 Introduction 8 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 至 IE 11） 火狐 Safari 无头浏览器（Headless Browsers） 无头浏览器是一种没有用户图形界面的 WEB 浏览器，我们可以用命令行界面编程控制该浏览 器，达到自动化运行 Web 页面（比如功能测试、网站检索、单元测试等）的目的。可将无头 浏览器看作网页浏览器，不过你用命令行来检索、遍历网页。 最常见的无头浏览器： PhantomJS slimerjs trifleJS

API 介绍 Setup 生命周期钩子 提供/注入 模板引用 渲染机制和优化 Vue 2 中的更改检测警告 工具 单文件组件 测试 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 webpack ， rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core ， @vue/runtime-compiler ) 导入的依赖项也是 esm bundler 或用于 Node.js 通过 require() 进行服务器端渲染。 如果你将应用程序与带有 target: 'node' 的 webpack 打包在一起，并正确地将 vue 外部化，则将加载此构建。 dev/prod 文件是预构建的，但是根据 process.env.NODE_env 会自动需要相应的文 件。 如果需要在客户端上编译模板 (即：将字符串传递给 template

Babel是个十分灵活的编译器，将ES2015及以上版本的代码转换成ES5和 ES3。 你可以添加大量自定义的TypeScript目前不支持的转换器。 Uglify帮你压缩代码，将花费更少的时间去下载它们。 Watchify 我们启动Watchify，让它在后台帮我们编译： npm install --save-dev watchify gulp-util 修改gulpfile文件如下： 注意，有两个script标签。 首先，我们引入RequireJS。 然后我们再在 require- config.js 里映射外部依赖，这样RequireJS就能知道到哪里去查找它们。 最后， 使用我们要去加载的模块去调用 require 。 将所有部分整合在一起 运行 tsc TypeScript Handbook（中文版） 60 Knockout.js 现在，在你喜欢的浏览器打开 这篇指南将会教你如何将TypeScript和React还有webpack结合在一起使用。 如果你正在做一个全新的工程，可以先阅读这篇React快速上手指南。 否则，我们假设已经在使用Node.js和npm。 初始化项目结构 让我们新建一个目录。 将会命名为 proj ，但是你可以改成任何你喜欢的名字。 mkdir proj cd proj 我们会像下面的结构组织我们的工程： proj/ ├─ dist/

Babel是个十分灵活的编译器，将ES2015及以上版本的代码转换成ES5和ES3。 你可以添加大量 自定义的TypeScript目前不支持的转换器。 Uglify帮你压缩代码，将花费更少的时间去下载它们。 我们启动Watchify，让它在后台帮我们编译： 1. npm install --save-dev watchify fancy-log 修改gulpfile文件如下： 1. var 注意，有两个script标签。 首先，我们引入RequireJS。 然后我们再在 require-config.js 里 映射外部依赖，这样RequireJS就能知道到哪里去查找它们。 最后，使用我们要去加载的模块去调 用 require 。 将所有部分整合在一起 Knockout.js - 51 - 本文档使用 书栈网 · BookStack.CN 构建 运行 1. tsc mkdir components 4. cd .. Webpack会帮助我们生成 dist 目录。 现在把这个目录变成npm包。 1. npm init -y React与webpack 初始化项目结构 初始化工程 React与webpack - 53 - 本文档使用 书栈网 · BookStack.CN 构建 它会使用默认值生成一个 package.json 文件。 首先确保已经全局安装了Webpack。

. . . . . . . . . . . . . . . . . . . . 34 3.5.3. 驼峰化 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 3.5.4. 中划线化 . . . . . . . . . . . . . . . . . . . . . . . . . . . 小心脏肯定会砰砰的。 本书制作用到的工具 本书采用 Asciidoc 格式编写。 使用 Asciidoctor 构建本书电子版。 教程: • 语法教程 • 转换PDF教程 书中用的可视化图片是由 Regulex 正则表达式可视化工具生成。 其余图片是由 Processon 制作。 JavaScript 正则表达式迷你书 前言 | 第 1 页 意见和疑问 如果有意见或者问题的话，可以直接通过以下方式联系到我。 ，受益匪浅，从每次遇到正则问题，从百度到自己书写，都离不开书中的知识。并且此书通俗易懂， 条理清晰，每次阅读都会得到新的收获。感谢老姚，支持你，加油！ — _周末 对于正则的知识，之前看得总是零零碎碎的，没有好好地去系统学习过，所以在方面知识体系相对薄 弱。通过这本正则迷你书，总算有一个清晰掌握。一直以来比较关注作者的笔记和文章，自身在JS的 成长上也受益于姚哥帮助，感谢他对这本书的付出，希望这本迷你书能帮助更多想学习正则的同学。

. . . . . . . . . . . . . . . . . . . . 34 3.5.3. 驼峰化 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 3.5.4. 中划线化 . . . . . . . . . . . . . . . . . . . . . . . . . . . 己的小心脏肯定会砰砰的。 本书制作用到的工具 本书采用Asciidoc格式编写。 使用 Asciidoctor 构建本书电子版。 教程: • 语法教程 • 转换PDF教程 书中用的可视化图片是由 Regulex 正则表达式可视化工具生成。 其余图片是由 Processon 制作。 JavaScript 正则表达式迷你书 前言 | 第 1 页 意见和疑问 如果有意见或者问题的话，可以直接通过以下方式联系到我。 ，受益匪浅，从每次遇到正则问题，从百度到自己书写，都离不开书中的知识。并且此书通俗易懂， 条理清晰，每次阅读都会得到新的收获。感谢老姚，支持你，加油！ — _周末 对于正则的知识，之前看得总是零零碎碎的，没有好好地去系统学习过，所以在方面知识体系相对薄 弱。通过这本正则迷你书，总算有一个清晰掌握。一直以来比较关注作者的笔记和文章，自身在JS的 成长上也受益于姚哥帮助，感谢他对这本书的付出，希望这本迷你书能帮助更多想学习正则的同学。

本书的各种源码、在线浏览地址、多种格式⽂件下载如下： Gitbook源码 crifan/desktop_app_framework_electron: 跨平台桌⾯应⽤框架：Electron 如何使⽤此Gitbook源码去⽣成发布为电⼦书 详⻅：crifan/gitbook_template: demo how to use crifan gitbook template and demo 在线浏览 跨平台桌⾯应⽤框架：Electron 注了出处。如有发现侵犯您版权，请通过邮箱联系我 admin 艾特 crifan.com ，我会尽快删除。谢谢 合作。 鸣谢 感谢我的⽼婆陈雪的包容理解和悉⼼照料，才使得我 crifan 有更多精⼒去专注技术专研和整理归纳出 这些电⼦书和技术教程，特此鸣谢。 更多其他电⼦书 本⼈ crifan 还写了其他 100+ 本电⼦书教程，感兴趣可移步⾄： crifan/crifan_ebook_readme: Objective-C / Swift + 框架： Cocoa 截图 额外特性 ⾃动更新 ⽀持平台 不⽀持 Linux ⽀持 Mac 和 Win 都是基于Squirrel去实现的 原⽣的菜单和通知 崩溃报告 调试和性能分析 Windows 安装程序 crifan.com，使⽤署名4.0国际(CC BY 4.0)协议发布 all right reserved，powered