3.4.3 sort 3.5 闭包 3.6 箭头函数 3.7 generator 4 标准对象 4.1 Date 4.2 RegExp 4.3 JSON 5 面向对象编程 5.1 创建对象 5.2 原型继承 6 浏览器 6.1 浏览器对象 6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 要让浏览器运行JavaScript，必须先有一个HTML页面，在HTML页面中引入JavaScript，然后，让 浏览器加载该HTML页面，就可以执行JavaScript代码。 你也许会想，直接在我的硬盘上创建好HTML和JavaScript文件，然后用浏览器打开，不就可以看到效 果了吗？ 这种方式运行部分JavaScript代码没有问题，但由于浏览器的安全限制，以 file:// 开头的地址无 2, 3.14, 'Hello', null, true]; 上述数组包含6个元素。数组用 [] 表示，元素之间用 , 分隔。 另一种创建数组的方法是通过 Array() 函数实现： 1. new Array(1, 2, 3); // 创建了数组[1, 2, 3] 然而，出于代码的可读性考虑，强烈建议直接使用 [] 。 数组的元素可以通过索引来访问。请注意，索引的起始值为 0

........................................................................... 28 专栏: 每次调用then都会返回一个新创建的promise对象 ........................................... 30 Promise和数组 .............................. 标准中定义的API还不是很多。 目前大致有下面三种类型。 Constructor Promise类似于 XMLHttpRequest ，从构造函数 Promise 来创建一个新建新 promise 对 象作为接口。 要想创建一个promise对象、可以使用 new 来调用 Promise 的构造器来进行实例化。 var promise = new Promise(function(resolve Rejected reject(失败)时。此时会调用 onRejected "unresolved" - Pending 既不是resolve也不是reject的状态。也就是promise对象刚被创建后的初始化状态等 关于上面这三种状态的读法，其中 左侧为在 ES6 Promises 规范中定义的术语， 而右侧 则是在 Promises/A+ 中描述状态的术语。 基本上状态在代码中是不会涉及到的，所以名称也无需太在意。

Flutter 在 Android 上支持 Vulkan 和 OpenGL 两种渲染引擎，篇幅原因我们只关注 OpenGL。抛开复杂的注册及调用细节，本质上整个流程主要做了三件事： ● 创建了一个视图对象，提供可用于直接绘制的 Surface，将它通过 JNI 传递给 原生侧； 前端 < 7 ● 在原生侧获取 Surface 关联的本地窗口对象，并交给 Flutter 的平台容器； 渲染与视频上屏从原理上是类似的，因 此我们可以借用 SurfaceProvider 实现 Surface 的管理和创建： // 创建一个用于管理 Surface 的容器组件 SurfaceProvider surfaceProvider = new SurfaceProvider(context); // 注册视图创建回调 surfaceProvider.getSurfaceOps().get().addCall EGLSurface 在 Android 的 AOSP 实现中，EGLSurface 可通过 EGL 库的 eglCreateWin- dowSurface 方法从本地窗口对象 ANativeWindow 创建而来。对于鸿蒙而言，虽 然我们没有从公开文档找到类似的说明，但是 鸿蒙标准库 默认支持了 OpenGL ES， 而且鸿蒙 SDK 中也附带了 EGL 相关的库及头文件，我们有理由相信在鸿蒙系统上，

异常处理，更严密的出错定义，数字式输出格式以及一些次要变 更，为即将到来的国际化语言设施和语言未来发展的作提前准备。 关于这个语言的工作并没有结束。技术委员会正在致力于作出意义重大的优化，这包括脚 本在互联网上创建和使用的机制，以及与其它标准实 体（如万维网联盟(W3C)及无线应用协议 论坛的等团体）间更紧密的配合。 1 作用范围 此标准定义了 ECMAScript 脚本语言。 2 前言 符合标准的 s)，利用它，可通过执行代码创建对象：给对象 分配 存 储，然后通过赋初始值来初始化对象属性的全部或部分。所有的构造函数都是对象，但并非所 有的对象都是构造函数。每个构造函数都有一个 Prototype（原 型）属性，被用于实现基于原 型继承(prototype-based inheritance)和共 享属性(shared properties)。使用构造函数来创建对 象要用到 new（新 建）表达句；举个例子，new 建）表达句；举个例子，new String("A String") 创建了一个新的字 符串对象。不使用 new 调用构造函数的后果取决于这个构造函数本身。举个例子， String("A String") 产生一个原语字符串而非对象。 ECMAScript 支持基于原型继承。每一个构造函数都有一个相关联的原型，它创建的所有 对象都拥有一个隐含的引用指向那个与其构造函数相关联的原型（所谓的对象的原型）。更深

Introduction 10 前端开发者是什么？ WEB 前端开发，也作客户端开发，是给网站或网页应用生产 HTML、CSS 和 JavaScript 的过程，它让用户得以浏览网站或网页应用并与之交互。创建网站前端的工 具与技术时常变革，因此开发者应对业内发展近况保持清醒，这是前端开发者面对的挑 战。 保证用户打开网站时，以一种易读且关联的形式浏览信息，是设计网站的目的。目前这 个需求变得更棘 下面的介绍涵盖了以上技术的定义，相关文档以及具体规范。至于更加详尽的网络开发规范 请参看 platform.html5.org。 超文本标记语言 (HTML) 超文本标记语言，通常被称为 HTML，被用作创建网页的标准标记语言。网络浏览器可 以读取 HTML 文件并且把它们渲染成可见或可听的网页。HTML 在语义上描述了一个网 站的结构，并且隐含了其表现形式，因此是一种标记语言，而非程序语言。 — 人机交互（HCI）研究计算机技术的设计和使用方法，尤其对人机交互起到桥 梁作用的图形界面。HCI 方向的研究者既关心人类同计算机交互的方式，也关心能够使 这种交互变得更为美观新颖的设计技术。 — 维基百科 为了使大家有能力创建可用的用户界面，我会推荐以下的权威文档： 界面：交互设计原理 [阅读][增值付费] 为黑客而设计: 逆向工程之美 [阅读][增值付费] 献给非专业设计师的设计教程 [观看] 设计图形界面 [阅读][增值付费]

x = await p; ... } // a new promise p2 = foo(); 1 2 创建⼀一个新的Promise px，其resolve/ reject函数对将⽤用作参数调⽤用p.then()。 即Promise.resolve(p)。 为px创建⼀一对新的onFulfilled/onRjected 响应函数，使[[asyncContext]]指向当前 栈顶执⾏行行上下⽂文。 // a new promise p2 = foo(); // the `px` at here 1 2 创建⼀一个新的Promise px，其resolve/ reject函数对将⽤用作参数调⽤用p.then()。 即Promise.resolve(p)。 为px创建⼀一对新的onFulfilled/onRjected 响应函数，使[[asyncContext]]指向当前 栈顶执⾏行行上下⽂文。

Abstract 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、C++、 “输出空间”。 暂存空间可以进一步划分为三个部分。 ‧ 暂存数据：用于保存算法运行过程中的各种常量、变量、对象等。 ‧ 栈帧空间：用于保存调用函数的上下文数据。系统在每次调用函数时都会在栈顶部创建一个栈帧，函数 返回后，栈帧空间会被释放。 ‧ 指令空间：用于保存编译后的程序指令，在实际统计中通常忽略不计。 在分析一段程序的空间复杂度时，我们通常统计暂存数据、栈帧空间和输出数据三部分，如图 对象关联，被隐式传递给 调用它的对象，能够对类的实例中包含的数据进行操作。 下面以几种常见的编程语言为例来说明。 ‧ C 语言是过程式编程语言，没有面向对象的概念，所以只有函数。但我们可以通过创建结构体（struct） 来模拟面向对象编程，与结构体相关联的函数就相当于其他编程语言中的方法。 第 2 章 复杂度分析 hello‑algo.com 50 ‧ Java 和 C# 是面向对象的

算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 www.hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，内容清晰易懂、学习曲线平滑，引导初学者探索数据结构与算法的知识地图。 ‧ 源代码可一键运行，帮助读者在练习中提升编程技 “输出空间”。 暂存空间可以进一步划分为三个部分。 ‧ 暂存数据：用于保存算法运行过程中的各种常量、变量、对象等。 ‧ 栈帧空间：用于保存调用函数的上下文数据。系统在每次调用函数时都会在栈顶部创建一个栈帧，函数 返回后，栈帧空间会被释放。 ‧ 指令空间：用于保存编译后的程序指令，在实际统计中通常忽略不计。 在分析一段程序的空间复杂度时，我们通常统计暂存数据、栈帧空间和输出数据三部分，如图 对象关联，被隐式传递给 调用它的对象，能够对类的实例中包含的数据进行操作。 下面以几种常见的编程语言为例来说明。 ‧ C 语言是过程式编程语言，没有面向对象的概念，所以只有函数。但我们可以通过创建结构体（struct） 来模拟面向对象编程，与结构体相关联的函数就相当于其他编程语言中的方法。 第 2 章 复杂度分析 www.hello‑algo.com 50 ‧ Java 和 C# 是面

� 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源、免费、对新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Python、C++、 “输出空间”。 暂存空间可以进一步划分为三个部分。 ‧ 暂存数据：用于保存算法运行过程中的各种常量、变量、对象等。 ‧ 栈帧空间：用于保存调用函数的上下文数据。系统在每次调用函数时都会在栈顶部创建一个栈帧，函数 返回后，栈帧空间会被释放。 ‧ 指令空间：用于保存编译后的程序指令，在实际统计中通常忽略不计。 在分析一段程序的空间复杂度时，我们通常统计暂存数据、栈帧空间和输出数据三部分，如图 method」与一个对象关联，被隐式传递 给调用它的对象，能够对类的实例中包含的数据进行操作。 下面以几种常见的编程语言为例来说明。 ‧ C 语言是过程式编程语言，没有面向对象的概念，所以只有函数。但我们可以通过创建结构体（struct） 来模拟面向对象编程，与结构体相关联的函数就相当于其他编程语言中的方法。 第 2 章 复杂度分析 hello‑algo.com 50 ‧ Java 和 C# 是面向对象的

� 算法犹如美妙的交响乐，每一行代码都像韵律般流淌。 愿这本书在你的脑海中轻轻响起，留下独特而深刻的旋律。 第 0 章 前言 hello‑algo.com 2 0.1 关于本书 本项目旨在创建一本开源免费、新手友好的数据结构与算法入门教程。 ‧ 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂、学习曲线平滑。 ‧ 算法源代码皆可一键运行，支持 Java、C++、Pyth “输出空间”。 暂存空间可以进一步划分为三个部分。 ‧ 暂存数据：用于保存算法运行过程中的各种常量、变量、对象等。 ‧ 栈帧空间：用于保存调用函数的上下文数据。系统在每次调用函数时都会在栈顶部创建一个栈帧，函数 返回后，栈帧空间会被释放。 ‧ 指令空间：用于保存编译后的程序指令，在实际统计中通常忽略不计。 在分析一段程序的空间复杂度时，我们通常统计暂存数据、栈帧空间和输出数据三部分。 一个对象关 联，被隐式传递给调用它的对象，能够对类的实例中包含的数据进行操作。 下面以几个常见的编程语言来说明。 ‧ C 语言是过程式编程语言，没有面向对象的概念，所以只有函数。但我们可以通过创建 结构体（struct）来模拟面向对象编程，与结构体相关联的函数就相当于其他语言中的 方法。 ‧ Java 和 C# 是面向对象的编程语言，代码块（方法）通常都是作为某个类的一部分。静 态方法