字符作为其终结符，定义了一个产生式集合，其中的产生式以目标符输入分隔元素 (InputElementDiv)或输入正则表达式元素(InputElementRegExp)开 始，这描述了 Unicode 字符是 如何被翻译成输入元素序列的。 为 ECMAScript 语法文法提供的除空白和注释之外的输入元素被称为 ECMAScript 托肯 (token)。这些托肯即 ECMAScript 语言中的保留字、标识符、常量和标点符号。此外，行结束 ，其中的产生式以目标符的模式 (Pattern)为 起始，描述了 Unicode 字符是如何被翻译成正则表达式模式的。 词法文法和正则表达式文法的产生式被识别为被两个冒号"::"分割的产生式。词法文法和正 则表达式文法共享某些产生式。 5.1.3 数字化字符串文法 第二个文法被用于将字符串翻译为数值量。此文法类似词法文法中与数字常量有关的部分， 以 Unicode 字符集中的字符作为其终结符。此文法在 响。） Reference 是到对象的属性的引用。一个引用由两部分组件组成，基 对象(base object)和属 性名(property name)。 本规范使用下面的抽象操作来访问引用的组件。 • GetBase(V)。返回引用 V 的基对象组件。 • GetPropertyName(V)。返回引用 V 的属性名组件。 在本规范中使用这些抽象操作来操作引用。 8.7.1 GetValue(V)

JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 Web 应用工具 脚手架工具 常规前端开发工具 模版／数据绑定工具 UI 组件 & 组件包 数据可视化工具（例如图表） 图形工具（例如 SVG、canvas、webGL） 动画工具 JSON 工具 占位符内容工具 测试工具 前端数据存储工具 (例如客户端的数据存储方案) 本文档基于 Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License 协议发布。 致谢 沪江Web前端团队 掘金翻译计划 Introduction 10 前端开发者是什么？ WEB 前端开发，也作客户端开发，是给网站或网页应用生产 HTML、CSS 和 JavaScript 的过程，它让用户得以浏览网站或网页应用并与之交互。创建网站前端的工

1 JavaScript Promise迷你书（中文版） 原著：azu / 翻译：liubin、kaku、honnkyou Revision History Revision 1.4.1 原/翻 Table of Contents 前言 ........................................................................... 本章将主要对JavaScript中的Promise进行入门级的介绍。 什么是Promise 首先让我们来了解一下到底什么是Promise。 Promise是抽象异步处理对象以及对其进行各种操作的组件。 其详细内容在接下来我们 还会进行介绍，Promise并不是从JavaScript中发祥的概念。 Promise最初被提出是在 E语言12中， 它是基于并列/并行处理设计的一种编程语言。 现在 Scratch104 和 JSer.info105 。 关于译者 • liubin https://github.com/liubin ◦ 除去kakau和honnkyou的其余部分的翻译、整体校对，以及源代码，工具部分的 翻译 • kaku https://github.com/kaku87 ◦ 1.1. Promise是什么、1.2. Promise 简介、1.3. 编写Promise代码 •

在美团动态化方案 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native Flutter 引擎的渲染上屏。 接下来我们用鸿蒙提供的平台能力实现这三点。 a. 可用于直接绘制的视图对象 鸿蒙系统的 UI 框架提供了很多常用视图组件（Component），比如按钮、文字、图 片、列表等，但我们需要抛开这些上层组件，获得直接绘制的能力。借助官方 媒体播 放器开发指导 文档，可以发现鸿蒙提供了 SurfaceProvider 类，它管理的 Surface 对象可以用于视频解码后的展示。而 对象可以用于视频解码后的展示。而 Flutter 渲染与视频上屏从原理上是类似的，因 此我们可以借用 SurfaceProvider 实现 Surface 的管理和创建： // 创建一个用于管理 Surface 的容器组件 SurfaceProvider surfaceProvider = new SurfaceProvider(context); // 注册视图创建回调 surfaceProvider.getSurfaceOps()

last}` } } 从上面代码中，我们一眼就能看出， Person 类是可测试的，而 name 方法是只 读和不可枚举的。 Decorator 545 下面是使用 Decorator 写法的组件，看上去一目了然。 @Component({ tag: 'my-component', styleUrl: 'my-component.scss' }) export class MyComponent 0/）免费下载和在线阅读。 这个规格文件相当庞大，一共有26章，A4打印的话，足足有545页。它的特点就是 规定得非常细致，每一个语法行为、每一个函数的实现都做了详尽的清晰的描述。 基本上，编译器作者只要把每一步翻译成代码就可以了。这很大程度上，保证了所 有ES6实现都有一致的行为。 ECMAScript 6规格的26章之中，第1章到第3章是对文件本身的介绍，与语言关系 不大。第4章是对这门语言总体设计的 then return the result of the comparison ToPrimitive(x) == y . 12. Return false . 上面这段算法，一共有12步，翻译如下。 读懂规格 625 1. 如果 x 不是正常值（比如抛出一个错误），中断执行。 2. 如果 y 不是正常值，中断执行。 3. 如果 Type(x) 与 Type(y) 相同，执行严格相等运算

positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?翻译成环视，即看看右边和看看左边。 但一般书上，没有很好强调这四者是个位置。 比如 ( ^。 表示开头前面还有个位置（当然也是开头，即同一个位置，想想之前的空字符类比）。 (?=.*[0-9]) 表示该位置后面的字符匹配 .*[0-9]，即，有任何多个任意字符，后面再跟个数字。 翻译成大白话，就是接下来的字符，必须包含个数字。 2.4.3.6. 另外一种解法 “至少包含两种字符”的意思就是说，不能全部都是数字，也不能全部都是小写字母，也不能全部都是大写 字母。 那么要求“不能全部都是数字”，怎么做呢？ 来。写书或者说写作 是一种很好的以教为学的手段。毕竟，形成文字，教给别人算是对知识的最直接的应用了。看似为了教，其 实是为了学。只有教会别人才说明你掌握了。“以教为学”的手段除了写东西之外，还有翻译、以及面对面 的辅导等。 JavaScript 正则表达式迷你书 后记 | 第 78 页 以目标为导向的做中学，是比较有效的学习手段。本书是用 Asciidoc 写成的。它类似于 Markdown，但在

positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?翻译成环视，即看看右边和看看左边。 但一般书上，没有很好强调这四者是个位置。 比如 ( ^。 表示开头前面还有个位置（当然也是开头，即同一个位置，想想之前的空字符类比）。 (?=.*[0-9]) 表示该位置后面的字符匹配 .*[0-9]，即，有任何多个任意字符，后面再跟个数字。 翻译成大白话，就是接下来的字符，必须包含个数字。 2.4.3.6. 另外一种解法 “至少包含两种字符”的意思就是说，不能全部都是数字，也不能全部都是小写字母，也不能全部都是大写 字母。 那么要求“不能全部都是数字”，怎么做呢？ 来。写书或者说写作 是一种很好的以教为学的手段。毕竟，形成文字，教给别人算是对知识的最直接的应用了。看似为了教，其 实是为了学。只有教会别人才说明你掌握了。“以教为学”的手段除了写东西之外，还有翻译、以及面对面 的辅导等。 以目标为导向的做中学，是比较有效的学习手段。本书是用Asciidoc写成的。它类似于Markdown，但在此书 之前本人都没有用过。以需求为驱动，逐步百度检索，自己才

2.2. 行文风格约定 标题后标注 * 的是选读章节，内容相对较难。如果你的时间有限，建议可以先跳过。 文章中的重要名词会用「括号」 标注，例如「数组 Array」 。建议记住这些名词，包括英文翻译，以便后续阅 读文献时使用。 重点内容、总起句、总结句会被 加粗，此类文字值得特别关注。 专有名词和有特指含义的词句会使用“双引号” 标注，以避免歧义。 0. 写在前面 hello‑algo Figure 12‑1. 页面编辑按键 图片无法直接修改，需要通过新建 Issue 或评论留言来描述图片问题，我会第一时间重新画图并替换图片。 12.2.2. 内容创作 如果您想要参与本开源项目，包括翻译代码至其他编程语言、拓展文章内容等，那么需要实施 Pull Request 工作流程： 1. 登录 GitHub ，并 Fork 本仓库 至个人账号； 2. 进入 Fork 仓库网页，使用 git

JavaScript 和 HTML5 打包在一个容器之 中，使得它能同时在 iOS 和安卓上运行。Facebook 公司的 React Native 项目则是将 JavaScript 写的组件，编译成原生组件，从 而使它们具备优秀的性能。 Mozilla 基金会的手机操作系统 Firefox OS，更是直接将 JavaScript 作为操作系统的平台语言，但是很可惜这个项目没有成 导论 的入门会非常容易。 必须说明的是，虽然核心语法不难，但是 JavaScript 的复杂性体现 在另外两个方面。 首先，它涉及大量的外部 API。JavaScript 要发挥作用，必须与其 他组件配合，这些外部组件五花八门，数量极其庞大，几乎涉及网络应 用的各个方面，掌握它们绝非易事。 其次，JavaScript 语言有一些设计缺陷。某些地方相当不合理，另 一些地方则会出现怪异的运行结果。学习 JavaScript，很大一部分 格式一样重要和正式了。 历史 - 28 - 本文档使用 书栈(BookStack.CN) 构建 2013年5月，Facebook 发布 UI 框架库 React，引入了新的 JSX 语法，使得 UI 层可以用组件开发，同时引入了网页应用是状态机的 概念。 2014年，微软推出 JavaScript 的 Windows 库 WinJS，标志微 软公司全面支持 JavaScript 与 Windows 操作系统的融合。

1 行文风格约定 ‧ 标题后标注 * 的是选读章节，内容相对困难。如果你的时间有限，建议可以先跳过。 ‧ 专有名词和有特指含义的词句会使用“双引号” 标注，以避免歧义。 ‧ 重要专有名词及其英文翻译会用「」 括号标注，例如「数组 array」 。建议记住它们，以便阅读文献。 ‧ 加粗的文字 表示重点内容或总结性语句，这类文字值得特别关注。 ‧ 当涉及到编程语言之间不一致的名词时，本书均以 Python com 369 图 16‑1 页面编辑按键 图片无法直接修改，需要通过新建 Issue 或评论留言来描述问题，我们会尽快重新绘制并替换图片。 2. 内容创作 如果您有兴趣参与此开源项目，包括将代码翻译成其他编程语言、扩展文章内容等，那么需要实施以下 Pull Request 工作流程。 1. 登录 GitHub ，将本仓库 Fork 到个人账号下。 2. 进入您的 Fork 仓库网页，使用