319 14.5 完全背包问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 14.6 编辑距离问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336 14.7 小结 . . . . 能够表示更多语言的 EASCII 字符集。它 在 ASCII 的 7 位基础上扩展到 8 位，能够表示 256 个不同的字符。 在世界范围内，陆续出现了一批适用于不同地区的 EASCII 字符集。这些字符集的前 128 个字符统一为 ASCII 码，后 128 个字符定义不同，以适应不同语言的需求。 3.4.2 GBK 字符集 后来人们发现，EASCII 码仍然无法满足许多语言的字符数量 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 那个时代的研究人员就在想：如果推出一个足够完整的字符集，将世界范围内的所有语言和符号都收录其

319 14.5 完全背包问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 14.6 编辑距离问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336 14.7 小结 . . . . 能够表示更多语言的 EASCII 字符集。它 在 ASCII 的 7 位基础上扩展到 8 位，能够表示 256 个不同的字符。 在世界范围内，陆续出现了一批适用于不同地区的 EASCII 字符集。这些字符集的前 128 个字符统一为 ASCII 码，后 128 个字符定义不同，以适应不同语言的需求。 3.4.2 GBK 字符集 后来人们发现，EASCII 码仍然无法满足许多语言的字符数量 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 那个时代的研究人员就在想：如果推出一个足够完整的字符集，将世界范围内的所有语言和符号都收录其

319 14.5 完全背包问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 14.6 编辑距离问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336 14.7 小结 . . . . 能够表示更多语言的「EASCII」字符 集。它在 ASCII 的 7 位基础上扩展到 8 位，能够表示 256 个不同的字符。 在世界范围内，陆续出现了一批适用于不同地区的 EASCII 字符集。这些字符集的前 128 个字符统一为 ASCII 码，后 128 个字符定义不同，以适应不同语言的需求。 3.4.2 GBK 字符集 后来人们发现，EASCII 码仍然无法满足许多语言的字符数量 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 那个时代的研究人员就在想：如果推出一个足够完整的字符集，将世界范围内的所有语言和符号都收录其

321 14.5 完全背包问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329 14.6 编辑距离问题 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 339 14.7 小结 . . . . 能够表示更多语言的字符集「EASCII」。 它在 ASCII 的 7 位基础上扩展到 8 位，能够表示 256 个不同的字符。 在世界范围内，陆续出现了一批适用于不同地区的 EASCII 字符集。这些字符集的前 128 个字符统一为 ASCII 码，后 128 个字符定义不同，以适应不同语言的需求。 3.4.2 GBK 字符集 后来人们发现，EASCII 码仍然无法满足许多语言的字符数量 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般只定 义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言也存在多种字符集标准，如果 两台电脑安装的是不同的编码标准，则在信息传递时就会出现乱码。 那个时代的研究人员就在想：如果推出一个足够完整的字符集，将世界范围内的所有语言和符号都收录其

但这是没有必要的，因为默认的 type 就是JavaScript，所以不必显式地把 type 指定为 JavaScript。 可以用任何文本编辑器来编写JavaScript代码。这里我们推荐以下几种文本编辑器： 免费，但不注册会不定时弹出提示框。 免费 注意：不可以用Word或写字板来编写JavaScript或HTML，因为带格式的文本保存后不是纯文本文 件，无法被浏览器正常读取。 = 3; 5. } 注意花括号 {…} 内的语句具有缩进，通常是4个空格。缩进不是JavaScript语法要求必须的，但缩 进有助于我们理解代码的层次，所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功 能，可以帮助整理代码。 {…} 还可以嵌套，形成层级结构： 基本语法 语法 2.1 基本语法 - 13 - 本文档使用 书栈(BookStack.CN) 构建 array：就是JavaScript的Array表示方式——[]； object：就是JavaScript的{ … }表示方式。 以及上面的任意组合。 并且，JSON还定死了字符集必须是UTF-8，表示多语言就没有问题了。为了统一解析，JSON的字符串 规定必须用双引号 "" ，Object的键也必须用双引号 "" 。 由于JSON非常简单，很快就风靡Web世界，并且成为ECMA标准。几乎所有编程语言都有解析JSON的

学进行沟通并修复，这种开发流程也是目前互联网公司比较常见的开发流程。 图 2 传统开发流程图 而美团 Page- 佩奇平台的开发流程是：首先产品同学提出需求，然后自己在 Page 平台进行编辑和发布上线，当需求上线之后有问题需要反馈，直接就能触达到产品同 学，他们通常可自行进行修复。如果需求需要定制化，或者需要做一些复杂的逻辑处 理，那么再让研发人员配合在平台上进行开发并发布上线。 可以减少工作量，又可以达到降本提效的目的。 3.2 设计思路 我们最初设计 Page- 佩奇平台的初心其实很简单，为了给产品和运营提供一个通过 富文本编辑器快速制作并发布网页的工具。但是，在使用的过程中，很多缺陷也就慢 慢地开始暴露，大致有下面这些问题： 1. 简单的富文本编辑器满足不了想要的页面效 果，怎么办？ 2. 如果能导入想要的模板，是否会更友好？ 3. 怎么查看这个页面的访 问数据？如何能监控这个页面的性能问题？ 问数据？如何能监控这个页面的性能问题？ 4. 发布的页面是否有存在安全风险？ 于是，我们针对这些问题进行了一些思考和调研： ● 当富文本编辑器满足不了想要实现的效果的时候，可以引入了 WebIDE 编辑 器，可以让研发同学再二次编辑进行实现。 ● 一个系统想要让用户用得高效便捷，那么就要完善它的周边生态。就需要配备 完善的模板素材和物料供用户灵活选择。 ● 如果用户想要了解页面的运行情况，那么页面运行的性能数据、访问的数据也

Promise.resolve(x) p2 = p.then(f) JS 类 对象 构造器 ⾯面向对象的 动态的 名字空间 结构化异常 语句 结构化的 动态类型 动态执行 动态作用域 多语言范型 函数式的 生成器 迭代器 函数是第一类的 可运行/求值的 for await..of .catch .finally promise.then() Promise() class

27 1.7.28 1.7.29 1.7.30 1.7.31 1.7.32 1.7.33 1.7.34 1.7.35 1.7.36 1.7.37 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 第三部分：前端开发工具 Doc/API 浏览工具 SEO 工具 原型设计和线框图工具 制图工具 HTTP / 网络工具 代码编辑工具 浏览器上的神兵利器 HTML 工具 CSS 工具 DOM 工具 JavaScript 工具 静态网页构建工具 无障碍访问工具 应用程序框架工具（台式机、手机、平板电脑等） 渐进式 JavaScript（ESlint 替代了 JShint，JSCS 也被 整合进 ESLint）进行语法检查。 开发者弃 Sublime 和 Atom 转投 Visual Studio Code 编辑器，这成为一种趋势。 jQuery 仍有热度，但使用率和关注度都在下滑。jQuery 3 已然发布 ，却无人问津。 Vue.js 理所应当地吸收更多追随者。 JavaScript 函数式编程和模式备受关注。

的读者，用来了解这门语言的最新发展；也 可当作参考手册，查寻新增的语法点。 前言 5 全书已由电子工业出版社出版，2017年9月推出了第三版，书名为《ES6 标准入 门》。纸版是基于网站内容排版印刷的。 感谢张春雨编辑支持我将全书开源的做法。如果您认可这本书，建议购买纸版。这 样可以使出版社不因出版开源书籍而亏钱，进而鼓励更多的作者开源自己的书籍。 下面是第三版的购买地址。 淘宝 京东 当当 亚马逊 message //

<script>alert("abc")</script> has sent you a m essage.

标签模板的另一个应用，就是多语言转换（国际化处理）。 i18n`Welcome to ${siteName}, you are visitor number ${visitorNum ber}!` // "欢迎访问xxx，您是第xxxx位访问者！"

脚本语言（Scripting language） 是为了缩短传统的“编写、编译、链接、运行”（edit-compile-link-run）过程而创建的计算 机编程语言。 可直接用任何的文本编辑器开发完成。是一种不必事先编译，只要利用适当的解释器 (Interpreter)就可以执行的简单的解释式程序 JavaScript 功能、脚本语言 5 VCG JavaScript 2020/4/28 js"> // welcome.js 文件内容如下： document.write("欢迎您学习JavaScript!");  优点  可维护性：可在不触及 HTML 标记的情况下，集中精力编辑 JS 代码  可缓存：浏览器可缓存链接的所有外部 JS 文件。若多个页面使用同一个文 件，该文件只需下载一次。 VCG JavaScript 2020/4/28 20 4.3 引入外部文件