应用覆盖更多的交互场景和设备类型，从而带来新的增长点。 与面临的机遇相比，适配鸿蒙系统带来的挑战同样巨大。当前手机端，尽管鸿蒙系统 仍然支持安卓 APK 安装及运行，但长期来看，华为势必会抛弃 AOSP，逐步发展出 自己的生态，这意味着现有安卓应用在鸿蒙设备上将会逐渐变成“二等公民”。然而， 如果在 iOS 及 Android 之外再重新开发和维护一套鸿蒙应用，在如今业界越来越注 重开发迭代效率的环境 研发生态，它的架构图如下图所示： MTFlutter 架构图 如图所示，MTFlutter 已涵盖研发、调试、测试、发布、线上运维及工程管理整套闭 环，同时落地了动态化解决方案，支撑了公司多个业务发展。在大前端融合的趋势 下，美团外卖商家端持续在探索更优的多端复用方案，通过 MTFlutter 生态的建设， 目前 Flutter 技术栈已覆盖商家端 App 中 90% 以上的业务，同时具备 Flutter Flutter-Web-Publish 负责将编译产物上传美团资源存储服务器。 五、成果展示 5.1 效果展示 我们在美团外卖商家学院（一个以文章、视频等形式帮助商家学习外卖运营知识、了 解行业发展和平台策略的平台，它有很强的传播属性，具有外部投放的场景）率先落 地了 Flutter Web，现以商家学院视频内容页为例，对比 Flutter Native 和 Flutter Web 的展现效果：

前端开发，也作客户端开发，是给网站或网页应用生产 HTML、CSS 和 JavaScript 的过程，它让用户得以浏览网站或网页应用并与之交互。创建网站前端的工 具与技术时常变革，因此开发者应对业内发展近况保持清醒，这是前端开发者面对的挑 战。 保证用户打开网站时，以一种易读且关联的形式浏览信息，是设计网站的目的。目前这 个需求变得更棘手：如今用户使用的设备种类繁多，设备对应的屏幕尺寸和方案亦然， 开始替代 H5 混合式 webview 开发。 大多数人舍弃 Gulp 转而使用 NPM 脚本，但 Gulp 仍受欢迎。 SASS 工具继续受到欢迎，与此同时 PostCSS（+ CSSNext）开始发展。 大多数开发者都开始对 HTML、CSS 和 JavaScript（ESlint 替代了 JShint，JSCS 也被 整合进 ESLint）进行语法检查。 开发者弃 Sublime 和 Atom API 可以被使用了，并在 chrome 上有些滥用，但这只会发生在你授予它权限 之后。 FireBug 调试工具退出历史舞台。 2016年，CSS 20 岁了。 Immutability 概念发展势头正旺。 2016 前端开发回顾 15 展望2017 Web Assembly 有望达到一个新的高度。 有望在 中使用 import 进行模块懒加载。详情见这里

考书，应该简明易懂，一目了然，告诉我有哪些注意点，提供代码范 例。如果涉及重要概念，还应该适当讲解。可是大多数时候，现实都不 是如此。找到的资料冗长难懂，抓不住重点，有时还很陈旧，跟不上语 言标准和浏览器的快速发展，且大多数是英文资料。 学习过程中，我做了很多 JavaScript 笔记。多年累积，数量相当庞 大。遇到问题，我首先查自己的笔记，如果笔记里没有，再到网上查， 最后回过头把笔记补全。终于有一天，我意识到可以把笔记做成书，这 上网体验、各种基于浏览器的便捷功能、前后端之间紧密高效的联系， JavaScript 是必不可少的工具。 近年来，JavaScript 的使用范围，慢慢超越了浏览器，正在向通用 的系统语言发展。 （1）浏览器的平台化 随着 HTML5 的出现，浏览器本身的功能越来越强，不再仅仅能浏览网 页，而是越来越像一个平台，JavaScript 因此得以调用许多系统功 为什么学习 JavaScript？ JavaScript 语言本身，虽然是一种解释型语言，但是在现代浏览器 中，JavaScript 都是编译后运行。程序会被高度优化，运行效率接 近二进制程序。而且，JavaScript 引擎正在快速发展，性能将越来 越好。 此外，还有一种 WebAssembly 格式，它是 JavaScript 引擎的中 间码格式，全部都是二进制代码。由于跳过了编译步骤，可以达到接近 强大的性能 导论

JavaScript 在刚诞生的时候，它的名字叫 “LiveScript”。但是因为当时 Java 很流行，所以决定将一种新语 言定位为 Java 的“弟弟”会有助于它的流行。 随着 JavaScript 的发展，它已经变成了一门独立的语言，同时也有了自己的语言规范 ECMAScript。现 在，它和 Java 之间没有任何关系。 JavaScript引擎是如何工作 引擎很复杂，但是基本原理很简单。 1 引擎（通常嵌入在浏览器中）读取（“解析”）脚本（js代码） 2. 然后将脚本转化（“编译”）为机器语言 3. 然后这机器语言代码快速地运行 JavaScript组成结构 1. 核心（ECMAScript） ⚫ 基础的语法 ⚫ 现在发展到ECMAScript 6 （es6） 2. 文档对象模型（DOM） ⚫ 告诉你如何用JavaScript代码去操作html文档 3. 浏览器对象模型（BOM） ⚫ 告诉你如何用JavaScript代码去操作浏览器

的基础上扩展得到的，它共收录了 21886 个汉字。在 GBK 的编码方案中，ASCII 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 JavaScript 和 TypeScript 的字符串使用 UTF‑16 编码的原因与 Java 类似。当 1995 年 Netscape 公司 首次推出 JavaScript 语言时，Unicode 还处于发展早期，那时候使用 16 位的编码就足以表示所有的 Unicode 字符了。 ‧ C# 使用 UTF‑16 编码，主要是因为.NET 平台是由 Microsoft 设计的，而 Microsoft 的很多技术（包 hello‑algo.com 309 14.2.2 无后效性 无后效性是动态规划能够有效解决问题的重要特性之一，其定义为：给定一个确定的状态，它的未来发展只 与当前状态有关，而与过去经历的所有状态无关。 以爬楼梯问题为例，给定状态 ? ，它会发展出状态 ? + 1 和状态 ? + 2 ，分别对应跳 1 步和跳 2 步。在做出 这两种选择时，我们无须考虑状态 ? 之前的状态，它们对状态 ? 的未来没有影响。

的基础上扩展得到的，它共收录了 21886 个汉字。在 GBK 的编码方案中，ASCII 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 JavaScript 和 TypeScript 的字符串使用 UTF‑16 编码的原因与 Java 类似。当 1995 年 Netscape 公司 首次推出 JavaScript 语言时，Unicode 还处于发展早期，那时候使用 16 位的编码就足以表示所有的 Unicode 字符了。 ‧ C# 使用 UTF‑16 编码，主要是因为.NET 平台是由 Microsoft 设计的，而 Microsoft 的很多技术（包 hello‑algo.com 309 14.2.2 无后效性 无后效性是动态规划能够有效解决问题的重要特性之一，其定义为：给定一个确定的状态，它的未来发展只 与当前状态有关，而与过去经历的所有状态无关。 以爬楼梯问题为例，给定状态 ? ，它会发展出状态 ? + 1 和状态 ? + 2 ，分别对应跳 1 步和跳 2 步。在做出 这两种选择时，我们无须考虑状态 ? 之前的状态，它们对状态 ? 的未来没有影响。

的基础上扩展得到的，它共收录 了 21886 个汉字。在 GBK 的编码方案中，ASCII 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机技术的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般 只定义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言存在多种字符集标准，如 果两台计算机使用的是不同的编码标准，则在信息传递时就会出现乱码。 JavaScript 和 TypeScript 的字符串使用 UTF‑16 编码的原因与 Java 类似。当 1995 年 Netscape 公司 首次推出 JavaScript 语言时，Unicode 还处于发展早期，那时候使用 16 位的编码就足以表示所有的 Unicode 字符了。 ‧ C# 使用 UTF‑16 编码，主要是因为.NET 平台是由 Microsoft 设计的，而 Microsoft 的很多技术（包 hello‑algo.com 309 14.2.2 无后效性 无后效性是动态规划能够有效解决问题的重要特性之一，其定义为：给定一个确定的状态，它的未来发展只 与当前状态有关，而与过去经历的所有状态无关。 以爬楼梯问题为例，给定状态 ? ，它会发展出状态 ? + 1 和状态 ? + 2 ，分别对应跳 1 步和跳 2 步。在做出 这两种选择时，我们无须考虑状态 ? 之前的状态，它们对状态 ? 的未来没有影响。

Netscape Navigator 2, 1995 人类首个支持 JavaScript 和 gif 动图的浏览器 VCG JavaScript 2020/4/28 4 1. JavaScript 简史 发展过程 1995：LiveScript/JavaScript 始于网景 网景通信公司（Netscape）开发 LiveScript 1.0，与 Sun 公司组成开发联盟。由于 Java 正流行，LiveScript

GB2312 的基础上扩展得到的，它共收 录了 21886 个汉字。在 GBK 的编码方案中，ASCII 字符使用一个字节表示，汉字使用两个字节表示。 3.4.3 Unicode 字符集 随着计算机的蓬勃发展，字符集与编码标准百花齐放，而这带来了许多问题。一方面，这些字符集一般只定 义了特定语言的字符，无法在多语言环境下正常工作。另一方面，同一种语言也存在多种字符集标准，如果 两台电脑安装的是不同的编码标准，则在信息传递时就会出现乱码。 } return b; } 14.2.2 无后效性 无后效性是动态规划能够有效解决问题的重要特性之一，定义为：给定一个确定的状态，它的未来发展只与 当前状态有关，而与当前状态过去所经历过的所有状态无关。 以爬楼梯问题为例，给定状态 ? ，它会发展出状态 ? + 1 和状态 ? + 2 ，分别对应跳 1 步和跳 2 步。在做出 这两种选择时，我们无须考虑状态 ? 之前的状态，它们对状态 具有不同的性质。 ‧ 动态规划问题的三大特性：重叠子问题、最优子结构、无后效性。 ‧ 如果原问题的最优解可以从子问题的最优解构建得来，则它就具有最优子结构。 ‧ 无后效性指对于一个状态，其未来发展只与该状态有关，与其所经历的过去的所有状态无关。许多组合 优化问题都不具有无后效性，无法使用动态规划快速求解。 背包问题 ‧ 背包问题是最典型的动态规划题目，具有 0‑1 背包、完全背包、多重背包等变种问题。

虽然语言的设计者水平非常NB，但谁也架不住“时间 紧，任务重”，所以，JavaScript有很多设计缺陷，我们后面会慢慢讲到。 此外，由于JavaScript的标准——ECMAScript在不断发展，最新版ECMAScript 6标准（简称ES6） 已经在2015年6月正式发布了，所以，讲到JavaScript的版本，实际上就是说它实现了ECMAScript 标准的哪个版本。 JavaScript简介 实上已经是前端开发的 唯一标准。 后来，微软通过IE击败了Netscape后一统桌面，结果几年时间，浏览器毫无进步。（2001年推出的古 老的IE 6到今天仍然有人在使用！） 没有竞争就没有发展。微软认为IE6浏览器已经非常完善，几乎没有可改进之处，然后解散了IE6开发 团队！而Google却认为支持现代Web应用的新一代浏览器才刚刚起步，尤其是浏览器负责运行 JavaScript的引擎性能还可提升10倍。 因为Node.js是开源项目，虽然由社区推动，但幕后一直由Joyent公司资助。由于一群开发者对 Joyent公司的策略不满，于2014年从Node.js项目fork出了io.js项目，决定单独发展，但两者实 际上是兼容的。 然而中国有句古话，叫做“分久必合，合久必分”。分家后没多久，Joyent公司表示要和解，于是， io.js项目又决定回归Node.js。 具体做法是将来io.js