美团外卖终端容器无关化研发框架 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

. . . . . . . . . . . . . . . . . . . . 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的 成长上也受益于姚哥帮助，感谢他对这本书的付出，希望这本迷你书能帮助更多想学习正则的同学。

——鄧俊輝，清華大學計算機系教授 “如果我當年學資料結構與演算法時有《Hello 演算法》，學起來應該會簡單 10 倍！” ——李沐，亞馬遜資深首席科學家 電腦的出現為世界帶來了巨大的變革，它憑藉高速的運算能力與卓越的可程式化特性，成為執行演算法 與處理資料的理想媒介。無論是電玩遊戲的逼真畫面、自動駕駛的智慧決策，還是 AlphaGo 的精彩棋局、 ChatGPT 的自然互動，這些應用都是演算法在電腦上的精妙演繹。 10.3 二分搜尋邊界 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 10.4 雜湊最佳化策略 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216 10.5 重識搜尋演算法 . . . . 標題註釋，用於標註函式、類別、測試樣例等 */ // 內容註釋，用於詳解程式碼 /** * 多行 * 註釋 */ 0.2.2 在動畫圖解中高效學習 相較於文字，影片和圖片具有更高的資訊密度和結構化程度，更易於理解。在本書中，重點和難點知識將主 要透過動畫以圖解形式展示，而文字則作為解釋與補充。 如果你在閱讀本書時，發現某段內容提供瞭如圖 0‑2 所示的動畫圖解，請以圖為主、以文字為輔，綜合兩者

= new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); 2. m.get('Michael'); // 95 初始化 Map 需要一个二维数组，或者直接初始化一个空 Map 。 Map 具有以下方法： Map和Set Map 2.8 Map和Set - 42 - 本文档使用 书栈(BookStack.CN) 构建 1. var "suspended", [[GeneratorReceiver]]: Window} 直接调用一个generator和调用函数不一样， fib(5) 仅仅是创建了一个generator对象，还没有 去执行它。 调用generator对象有两个方法，一是不断地调用generator对象的 next() 方法： 1. var f = fib(5); 2. f.next(); // {value: 义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的。 所以我们判断一个字符串是否是合法的Email的方法是： 创建一个匹配Email的正则表达式； 用该正则表达式去匹配用户的输入来判断是否合法。 因为正则表达式也是用字符串表示的，所以，我们要首先了解如何用字符来描述字符。 在正则表达式中，如果直接给出字符，就是精确匹配。用 \d 可以匹配一个数字， \w

和 JavaScript 到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给国际标准化组织ECMA，希望这种语言能够成为国 际标准。次年，ECMA 发布262号标准文件（ECMA-262）的第一版，规定了浏览 器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是1 其实都是一个新的变量，所以最后输出的是 6 。你可能会问，如果每一 轮循环的变量 i 都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本 轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的 变量 i 时，就在上一轮循环的基础上进行计算。 另外， for 循环还有一个特别之处，就是设置循环变量的那部分是一个父作用 域，而循环体内部是一个单独的子作用域。 let 和 const Assignment to constant variable. 上面代码表明改变常量的值会报错。 const 声明的变量不得改变值，这意味着， const 一旦声明变量，就必须立即 初始化，不能留到以后赋值。 let 和 const 命令 38 const foo; // SyntaxError: Missing initializer in const declaration

isbn=9788968487293 2 JavaScript Promiseの本 はじめに 書籍の目的 この書籍はJavaScript標準仕様のECMAScript 6 Promisesという仕様を中心にし、 JavaScriptにおけるPromiseについて学ぶことを目的とした書籍です。 この書籍を読むことで学べることとして次の3つを目標としています • Promiseについて学び、パターンやテストを扱えるようになること この章では、JavaScriptにおけるPromiseについて簡単に紹介していきます。 What Is Promise まずPromiseとはそもそもどのようなものでしょうか? Promiseは非同期処理を抽象化したオブジェクトとそれを操作する仕組みのことをいいま す。 詳しくはこれから学んでいくとして、PromiseはJavaScriptで発見された概念ではあり ません。 最初に発見されたのは E言語14におけるもので、 数の書き方が明確になります。 しかし、これはあくまでコーディングルールであるため、異な る書き方をしても決して間違いではありません。 Promiseでは、このような非同期に対するオブジェクトとルールを仕様化して、 統一的なイ ンターフェースで書くようになっており、それ以外の書き方は出来ないようになっています。 Promiseを使った非同期処理の一例 var promise = getAsyncPromise("fileA