在JavaScript中的 并行语言特性 周爱民 @aimingoo https://github.io/aimingoo 上海南潮信息科技有限公司/ruff.io R/W {range} {range} {range} R W Lock Unlock 声明一个变量/标识 符，使之在确定的上 下文中占有存储位 置。 有变量 1 使存储位置中有值。 绑定值 3

该职称授予有计算机科学、工程背景并能熟练运用相关技能的前端开发者。该职位通常要求 就职者有计算机科学学士学位和若干年软件开发经验。当职称名中还包含 “JS 应用” 时，意味 着就职者是高级 JS 开发者，他拥有高级编程、软件开发和应用开发这些技能（也就是有若干 年构建前端应用的经验） CSS/HTML 开发者 该前端职称描述的是熟练掌握 HTML 和 CSS 技术的开发者，但对 JavaScript (DOM) 的第三代事件规范 DOM 动态标准 W3C DOM4 JavaScript 编程语言 (ECMAScript 262) 前端开发者所使用的技术 21 JavaScript 是一个高级的、动态的、弱类型的解释性编程语言，被包含在 ECMAScript 的语言规范中。同 HTML 和 CSS 一样，它是万维网内容生产环节必不可少的三种技术 之一，被大多数网站所使用，并且在不需要使用插件的情况下被所有现代的浏览器所支 图片来源：http://blog.naustud.io/2015/06/baseline-for-modern-front-end-developers.html 假设每个领域的前端开发者都使用基础的高级 HTML、CSS、DOM、JavaScript、HTTP/URL 和浏览器技能。 除了 HTML、CSS、DOM、JavaScript、HTTP/URL以及浏览器开发的专业知识，一个前端开 发者还需要掌握以下一项或多项技能：

635 美团外卖前端容器化演进实践 643 Bifrost 微前端框架及其在美团闪购中的实践 664 Litho 的使用及原理剖析 680 Android 兼容 Java 8 语法特性的原理分析 697 美团外卖商家端视频探索之旅 715 让 Flutter 在鸿蒙系统上跑起来 作者：杨超 前言 鸿蒙系统 （HarmonyOS）是华为推出的一款面向未来、面向全场景的分布式操作系 蒙系统大规模落地的步伐，预计 2021 年底，鸿蒙系统会覆盖包括手机、平板、智能 穿戴、智慧屏、车机在内数亿台终端设备。对移动应用而言，新的系统理念、新的交 互形式，也意味着新的机遇。如果能够利用好鸿蒙的开发生态及其特性能力，可以让 应用覆盖更多的交互场景和设备类型，从而带来新的增长点。 与面临的机遇相比，适配鸿蒙系统带来的挑战同样巨大。当前手机端，尽管鸿蒙系统 仍然支持安卓 APK 安装及运行，但长期来看，华为势必会抛弃 之外再重新开发和维护一套鸿蒙应用，在如今业界越来越注 重开发迭代效率的环境下，所带来的开发成本也是难以估量的。因此，通过打造一套 合适的跨端框架，以相对低的成本移植应用到鸿蒙平台，并利用好该系统的特性能 力，就成为了一个非常重要的选项。 在现有的众多跨端框架当中，Flutter 以其自渲染能力带来的多端高度一致性，在新 系统的适配上有着突出的优势。虽然 Flutter 官方并没有适配鸿蒙的计划，但经过一

ECMAScript 语法很容易掌握， 因其主要就是借用了 Java 语言的语法。当然，JavaScript 与 Java 毕竟是两种功能作用不同的编 程语言，ECMAScript 还有一些特殊的语法特性。 2.1.1 ECMAScript 语句 相信读者在学习人生中的第一门编程语言（比如 C 语言、Java 语言等）时，最先要明确 的就是程序语句。学校为什么会将诸如 C 或 Java 这类的语言作为基础性编程语言呢？其中有 ECMAScript 变量 本节介绍关于 ECMAScript 变量的知识，从本节开始就接触到 ECMAScript 语法的核心部 分内容。 2.2.1 ECMAScript 变量是弱类型的 在学习高级编程语言的过程中，最先接触的，也是最重要的概念应该就是变量了。所谓“变 量”，一般意义上理解就是程序中用于存储数据信息的容器，或者也可以理解为用于替代数据 信息的符号。 ECMAScript parseFloat()函数方法 2.4.3 强制类型转换 根据 Ecma-262 规范中的定义，ECMAScript 语法还提供了强制类型转换（type casting）来 处理转换值的类型，这一点与其他很多高级程序设计语言是类似的。ECMAScript 语法规定， 在使用强制类型转换时可以访问特定的值，即使其是另一种类型。 ECMAScript 语法中定义了三种强制类型转换，具体如下： � N

老 用户的浏览器是无法运行新版本的JavaScript代码的。 不过，JavaScript的核心语法并没有多大变化。我们的教程会先讲JavaScript最核心的用法，然 后，针对ES6讲解新增特性。 原文: https://wizardforcel.gitbooks.io/liaoxuefeng/content/js/2.html 1 JavaScript简介 - 8 - 本文档使用 书栈(BookStack s = 3.14 x x ，而是写成更有意义的函数调用 s = area_of_circle(x) ，而函数 area_of_circle 本身只需要写一次，就可以多次调用。 基本上所有的高级语言都支持函数，JavaScript也不例外。JavaScript的函数不但是“头等公民”， 而且可以像变量一样使用，具有非常强大的抽象能力。 抽象是数学中非常常见的概念。举个例子： 计算数列的和，比如： 提升变量y的申明 3. var x = 'Hello, ' + y; 4. alert(x); 5. y = 'Bob'; 6. } 由于JavaScript的这一怪异的“特性”，我们在函数内部定义变量时，请严格遵守“在函数内部首先申 明所有变量”这一规则。最常见的做法是用一个 var 申明函数内部用到的所有变量： 1. function foo() { 2.

1 初探动态规划 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 14.2 动态规划问题特性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 14.3 动态规划解题思路 . . . . . ，请继续往下阅读，本书将引导你 迈入数据结构与算法的知识殿堂。 1.2 算法是什么 1.2.1 算法定义 算法（algorithm）是在有限时间内解决特定问题的一组指令或操作步骤，它具有以下特性。 ‧ 问题是明确的，包含清晰的输入和输出定义。 ‧ 具有可行性，能够在有限步骤、时间和内存空间下完成。 ‧ 各步骤都有确定的含义，在相同的输入和运行条件下，输出始终相同。 1.2.2 数据结构定义 以动态地添加或删除元素，但它们的容量是固定的。如果数据量超出了预分配的大小，就需要创建一个新的 更大的数组，并将旧数组的内容复制到新数组中。 Q：在构建栈（队列）的时候，未指定它的大小，为什么它们是“静态数据结构”呢？ 在高级编程语言中，我们无须人工指定栈（队列）的初始容量，这个工作由类内部自动完成。例如，Java 的 ArrayList 的初始容量通常为 10。另外，扩容操作也是自动实现的。详见后续的“列表”章节。

1 初探动态规划 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 14.2 动态规划问题特性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 14.3 动态规划解题思路 . . . . . ，请继续往下阅读，本书将引导你 迈入数据结构与算法的知识殿堂。 1.2 算法是什么 1.2.1 算法定义 算法（algorithm）是在有限时间内解决特定问题的一组指令或操作步骤，它具有以下特性。 ‧ 问题是明确的，包含清晰的输入和输出定义。 ‧ 具有可行性，能够在有限步骤、时间和内存空间下完成。 ‧ 各步骤都有确定的含义，在相同的输入和运行条件下，输出始终相同。 1.2.2 数据结构定义 以动态地添加或删除元素，但它们的容量是固定的。如果数据量超出了预分配的大小，就需要创建一个新的 更大的数组，并将旧数组的内容复制到新数组中。 Q：在构建栈（队列）的时候，未指定它的大小，为什么它们是“静态数据结构”呢？ 在高级编程语言中，我们无须人工指定栈（队列）的初始容量，这个工作由类内部自动完成。例如，Java 的 ArrayList 的初始容量通常为 10。另外，扩容操作也是自动实现的。详见后续的“列表”章节。

1 初探动态规划 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 300 14.2 动态规划问题特性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 14.3 动态规划解题思路 . . . . . 请继续往下阅读，本书将 引导你迈入数据结构与算法的知识殿堂。 1.2 算法是什么 1.2.1 算法定义 「算法 algorithm」是在有限时间内解决特定问题的一组指令或操作步骤，它具有以下特性。 ‧ 问题是明确的，包含清晰的输入和输出定义。 ‧ 具有可行性，能够在有限步骤、时间和内存空间下完成。 ‧ 各步骤都有确定的含义，在相同的输入和运行条件下，输出始终相同。 1.2.2 数据结构定义 以动态地添加或删除元素，但它们的容量是固定的。如果数据量超出了预分配的大小，就需要创建一个新的 更大的数组，并将旧数组的内容复制到新数组中。 Q：在构建栈（队列）的时候，未指定它的大小，为什么它们是“静态数据结构”呢？ 在高级编程语言中，我们无须人工指定栈（队列）的初始容量，这个工作由类内部自动完成。例如，Java 的 ArrayList 的初始容量通常为 10。另外，扩容操作也是自动实现的。详见后续的“列表”章节。

2.2.3. (?=p) 和 (?!p) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 2.3. 位置的特性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.4. 相关案例 . . . . . 正则表达式是匹配模式，要么匹配字符，要么匹配位置。请记住这句话。 然而大部分人学习正则时，对于匹配位置的重视程度没有那么高。 本章讲讲正则匹配位置的相关知识点。 内容包括： • 什么是位置？ • 如何匹配位置？ • 位置的特性 • 几个应用实例分析 2.1. 什么是位置呢？ 位置（锚）是相邻字符之间的位置。比如，下图中箭头所指的地方： 2.2. 如何匹配位置呢？ 在 ES5 中，共有 6 个锚： ^、$、\b、\B、( 匹配的那些字符。 JavaScript 正则表达式迷你书 2. 第二章 正则表达式位置匹配攻略 | 第 19 页 而在本人看来，(?=p) 就与 ^ 一样好理解，就是 p 前面的那个位置。 2.3. 位置的特性 对于位置的理解，我们可以理解成空字符 ""。 比如 "hello" 字符串等价于如下的形式： "hello" == "" + "h" + "" + "e" + "" + "l" + "" +

2.2.3. (?=p) 和 (?!p) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 2.3. 位置的特性 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 2.4. 相关案例 . . . . . 正则表达式是匹配模式，要么匹配字符，要么匹配位置。请记住这句话。 然而大部分人学习正则时，对于匹配位置的重视程度没有那么高。 本章讲讲正则匹配位置的相关知识点。 内容包括： • 什么是位置？ • 如何匹配位置？ • 位置的特性 • 几个应用实例分析 2.1. 什么是位置呢？ 位置（锚）是相邻字符之间的位置。比如，下图中箭头所指的地方： 2.2. 如何匹配位置呢？ 在 ES5 中，共有 6 个锚： ^、$、\b、\B、( 匹配的那些字符。 JavaScript 正则表达式迷你书 2. 第二章 正则表达式位置匹配攻略 | 第 19 页 而在本人看来，(?=p) 就与 ^ 一样好理解，就是 p 前面的那个位置。 2.3. 位置的特性 对于位置的理解，我们可以理解成空字符 ""。 比如 "hello" 字符串等价于如下的形式： "hello" == "" + "h" + "" + "e" + "" + "l" + "" +