6.1 浏览器对象 6.2 操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 基本语法 - 15 - 本文档使用 书栈(BookStack.CN) 构建 2.2 数据类型和变量 计算机顾名思义就是可以做数学计算的机器，因此，计算机程序理所当然地可以处理各种数值。但是， 计算机能处理的远不止数值，还可以处理文本、图形、音频、视频、网页等各种各样的数据，不同的数 据，需要定义不同的数据类型。在JavaScript中定义了以下几种数据类型： JavaScript不区分整数和 箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内 部的 this 是词法作用域，由上下文确定。 回顾前面的例子，由于JavaScript函数对 this 绑定的错误处理，下面的例子无法得到预期结果： 1. var obj = { 2. birth: 1990, 3. getAge: function () { 4. var b

标准的第二版以保持它与 ISO/IEC16262 的完全协调。第一版和第二版之间存在着性质上的重大 变化。 目前的文档定义了该标准的第三版，这包含了强大的正则表达式，更优秀的字符串处理， 新的流程控制语句，try/catch 异常处理，更严密的出错定义，数字式输出格式以及一些次要变 更，为即将到来的国际化语言设施和语言未来发展的作提前准备。 关于这个语言的工作并没有结束。技术委员会正在致力于作出意义重大的优化，这包括脚 从一开始就被设计成一种网页脚本语言(Web scripting language)作为基于网页 的、客户端—服务器端(C/S)构架的建筑师，它能提供一 种机制，用来使浏览器中的网站页面更 加活跃，并展示服务器端的处理情况。ECMAScript 能够为各种主机环境，以及这个文档所描述 的核心脚本编程语言之外任何特定的主机环境，提供基本的脚本编程能力。 ECMAScript 中的有些语言设施类似其它编程语言；尤其是 输出功能的对 象。 深入说来，主机环境提供了一套向事件上附加脚本代码的方法，这些事件有焦点的改变，页面 和图像的载入、卸载，出错和异常终止，点选，提交表单以及鼠标 动作等。脚本代码在 HTML 之间出现，被显示的页面是一个用户界面元素和固定或处理后的文本和图像的组合。这种脚本 语言会响应用户的互交从而不需要主程序。 与浏览器不同，网页服务器为服务器端提供了另一种宿主环境，这包括代表请求、客户端、

JS 代码压缩 2 VCG JavaScript 2020/4/28 3 时代背景 1995 年，拨号上网，速度仅 28.8kbit/s 诞生目的 用于表单验证，网速很慢，最好能将服务 器语言负责的表单输入验证操作转为客户 端独立完成，减少客户端 – 服务器数据 交换量，节约大量时间。 1 JavaScript 简史 JavaScript 简史 3 Netscape Navigator 检测访客的浏览器信息  控制 cookies 和本地存储 VCG JavaScript 2020/4/28 8 2. JavaScript 功能  其他功能，如  网络服务器（Node.js）  处理 Web 应用的 HTTP 请求  机器学习（TensorFlow.js）  在浏览器/Node.js 上开发、训练和部署 ML 模型  开发桌面应用（ELECTRON）  使用 JS/HTML/CSS 功能、脚本语言 8 VCG JavaScript 2020/4/28 9 2. JavaScript Demo JavaScript 功能、脚本语言 9 向 HTML 页面 添加交互行为 本地表单验证 检测浏览器信息 VCG JavaScript 2020/4/28 10 3. JavaScript 实现 JavaScript 实现 10 JavaScript 的完整实现 = ECMAScript

Lo、程序猿DD、江湖人称向前兄、文蔺、_周末、Dark_Night。 推荐序 正则表达式一直是我的一个痛点，很多人肯定也跟我一样存在类似的情况。但是正则表达式的使用范 围非常广泛，尤其在表单校验这个场景下更是不可或缺。这本小书用一个一个的小例子深入浅出地示 范了正则表达式的典型用法，值得一读。 — 大漠穷秋 我连续看了老姚在专栏的正则系列的前三篇，毫不犹豫就打赏了，而且顺藤摸瓜认识了老姚，没想到 切分、提取、替换。 进行任何相关操作，也需要宿主引擎相关 API 的配合使用。当然，在 JavaScript 中，相关 API 也不多。 7.1.1. 验证 验证是正则表达式最直接的应用，比如表单验证。 在说验证之前，先要说清楚匹配是什么概念。 所谓匹配，就是看目标字符串里是否有满足匹配的子串。因此，“匹配”的本质就是“查找”。 有没有匹配，是不是匹配上，判断是否的操作，即称为“验证”。 (^\r\n)var 替换为： [source,javascript]\n----\nvar 这确实也帮我解决一部分工作。 当然，正则表达式是跟具体语言（比如 JavaScript）无关的。因为正则表达式是用来处理字符串问题的， 基本上每门语言都有字符串类型，那么也都会支持正则表达式的。正则表达式是分流派的，也跟实现引擎有 关。而 JavaScript 用到的正则表达式的语法，是市面常见语言都支持的核心子集。关于

Lo、程序猿DD、江湖人称向前兄、文蔺、_周末、Dark_Night。 推荐序 正则表达式一直是我的一个痛点，很多人肯定也跟我一样存在类似的情况。但是正则表达式的使用范 围非常广泛，尤其在表单校验这个场景下更是不可或缺。这本小书用一个一个的小例子深入浅出地示 范了正则表达式的典型用法，值得一读。 — 大漠穷秋 我连续看了老姚在专栏的正则系列的前三篇，毫不犹豫就打赏了，而且顺藤摸瓜认识了老姚，没想到 切分、提取、替换。 进行任何相关操作，也需要宿主引擎相关 API 的配合使用。当然，在 JavaScript 中，相关 API 也不多。 7.1.1. 验证 验证是正则表达式最直接的应用，比如表单验证。 在说验证之前，先要说清楚匹配是什么概念。 所谓匹配，就是看目标字符串里是否有满足匹配的子串。因此，“匹配”的本质就是“查找”。 有没有匹配，是不是匹配上，判断是否的操作，即称为“验证”。 r”，替换为“[source,javascript]\n----\nvar”。这 确实也帮我解决一部分工作。 当然，正则表达式是跟具体语言（比如JavaScript）无关的。因为正则表达式是用来处理字符串问题的，基 本上每门语言都有字符串类型，那么也都会支持正则表达式的。正则表达式是分流派的，也跟实现引擎有关 。而JavaScript用到的正则表达式的语法，是市面常见语言都支持的核心子集。关于API，各语言基本大同小

前端开发引入了热模块替换技术和时间旅行调试。 原生 JS 浏览器模块加载器更受期待了。 Enforcing CSS 和 JS 格式规范变得更受重视（就 ES3 到 ES6 编码以及 CSS 预处理语 法两者的变化而论）。 少部分开发者开始在 JS 上跑极限学习机（Extreme Learning Machine）算法，这足以引 起注意。 TypeScript 被正式使用在一些地方，并且圈了一些粉。 SEO 专家 当职称名包含 “SEO” 时，意味着该开发者熟悉用前端技术设计 SEO 策略（搜索引擎优化策 略）。 前端访问性专家 当职称名包含 “访问性” 时，意味着该开发者熟悉使用前端技术处理访问性的要求和标准。 前端运维 当职称名包含 “运维” 时，意味着开发者在涉及合作、整合、部署、自动化和测试的软件开发 实践上有丰富的经验。 前端测试／质量保证（QA） 当职称名包含 “测试” 示 HTML， XTHML 以及 XML 文档中的对象以及这类对象的交互方式。每份文档中按照树形结构进 行组织的节点，被称为 DOM 树。可以使用 DOM 树中的对象所拥有的方法对该对象进行 处理和操作。DOM 的 API 规定了它的公共接口。 — 维基百科 相关规范／文档： 文档对象模型 (DOM) 的第三代事件规范 DOM 动态标准 W3C DOM4 JavaScript 编程语言

flutterComponent.setSpeechEventListener(speechEventListener); // 语音录入事件 对于事件的封装处理，可以复用 Android 已有逻辑，只需要关注鸿蒙与 Android 在 事件处理上的对应关系即可，比如触摸事件的部分对应关系： 10 > 2021年美团技术年货 3. 其他必要的平台能力 为了保证 Flutter 应用能够正常运行 基础依赖建设 整体来讲，MTFlutter 基础依赖都是使用 Plugin 的形式开发维护的。为处理依赖中 的公共逻辑，提高 Plugin 的可扩展性，MTFlutter Plugin 在 Flutter Plugin 架构 （各平台原生实现层和 Plugin Interface 层）之上又增加了公共逻辑处理层，最终暴露 给用户是 Plugin API 层提供的接口。MTFlutter Plugin 间存在着差异，因此在依赖处理上也略 有不同，下面介绍拥有不同特点的依赖所对应解决方案。 （1）各平台实现能在 Web 侧对齐的场景，如埋点库 埋点库无论在 Native 端还是在 Web 端都是使用公司统一提供的 SDK，在 API 设计 上具有天然的一致性，因此我们完全有能力在 Plugin Interface 层对齐所有接口，上 层业务逻辑只需按需做些兼容处理即可。埋点库 Web 端扩展的整体设计思路如下：

null，undefined 和布尔值 数值 字符串 对象 函数 数组 运算符 算术运算符 比较运算符 布尔运算符 二进制位运算符 其他运算符，运算顺序 语法专题 数据类型的转换 错误处理机制 编程风格 console 对象与控制台 标准库 Object 对象 属性描述对象 Array 对象 包装对象 Boolean 对象 - 1 - 本文档使用 书栈(BookStack 入门真的不难。 JavaScript 的性能优势体现在以下方面。 （1）灵活的语法，表达力强。 JavaScript 既支持类似 C 语言清晰的过程式编程，也支持灵活的 函数式编程，可以用来写并发处理（concurrent）。这些语法特性已 经被证明非常强大，可以用于许多场合，尤其适用异步编程。 JavaScript 的所有值都是对象，这为程序员提供了灵活性和便利 性。因为你可以很方便地、按照需要随时创造数据结构，不用进行麻烦 Scheme 语言和 Awk 语言，将函数当作第一 等公民，并引入闭包。 原型继承模型：借鉴 Self 语言（Smalltalk 的一种变种）。 正则表达式：借鉴 Perl 语言。 字符串和数组处理：借鉴 Python 语言。 为了保持简单，这种脚本语言缺少一些关键的功能，比如块级作用域、 模块、子类型（subtyping）等等，但是可以利用现有功能找出解决 办法。这种功能的不足，直接导致了后来

....................................................................... 91 使用Promise进行顺序（sequence）处理 ..................................................................... 99 Promises API Reference . Promise是抽象异步处理对象以及对其进行各种操作的组件。 其详细内容在接下来我们 还会进行介绍，Promise并不是从JavaScript中发祥的概念。 Promise最初被提出是在 E语言12中， 它是基于并列/并行处理设计的一种编程语言。 现在JavaScript也拥有了这种特性，这就是本书所介绍的JavaScript Promise。 另外，如果说到基于JavaScript的异步处理，我想大多数都会想到利用回调函数。 都会想到利用回调函数。 使用了回调函数的异步处理 ---- getAsync("fileA.txt", function(error, result){ if(error){// 取得失败时的处理 throw error; } 8 https://github.com/azu/promises-book/issues?state=open 9 https://github

"script-name": "babel-node script.js" } } 上面代码中，使用 babel-node 替代 node ，这样 script.js 本身就不用做任 何转码处理。 babel-register babel-register 模块改写 require 命令，为它加上一个钩子。此后，每当使 用 require 加载 .js 、 .jsx 、 ”。因为块级作用域内声明的函 数类似于 let ，对作用域之外没有影响。但是，如果你真的在 ES6 浏览器中运行 一下上面的代码，是会报错的，这是为什么呢？ 原来，如果改变了块级作用域内声明的函数的处理规则，显然会对老代码产生很大 影响。为了减轻因此产生的不兼容问题，ES6在附录B里面规定，浏览器的实现可 以不遵守上面的规定，有自己的行为方式。 允许在块级作用域内声明函数。 函数声明类似于 ，即会提升到全局作用域或函数作用域的头部。 同时，函数声明还会提升到所在的块级作用域的头部。 注意，上面三条规则只对 ES6 的浏览器实现有效，其他环境的实现不用遵守，还 是将块级作用域的函数声明当作 let 处理。 根据这三条规则，在浏览器的 ES6 环境中，块级作用域内声明的函数，行为类似 于 var 声明的变量。 let 和 const 命令 35 // 浏览器的 ES6 环境 function