对象 Math 对象 Date 对象 RegExp 对象 JSON 对象 面向对象编程 实例对象与 new 命令 this 关键字 对象的继承 Object 对象的相关方法 严格模式 异步操作 概述 定时器 Promise 对象 DOM 概述 - 2 - 本文档使用 书栈(BookStack.CN) 构建 致谢 当前文档 《阮一峰 JavaScript 教程》 Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网 （World Wide Web），从此可以在网上浏览网页文件。最早的网页 只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都 是在字符窗口中显示，这当然非常不方便。 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的 浏览器，叫做 Mosaic。这是人类历史上第一个浏览器，从此网页可以 在图形界面的窗口浏览。 1994年10月，NCSA 有功能找出解决 办法。这种功能的不足，直接导致了后来 JavaScript 的一个显著特 点：对于其他语言，你需要学习语言的各种功能，而对于 JavaScript，你常常需要学习各种解决问题的模式。而且由于来源多 样，从一开始就注定，JavaScript 的编程风格是函数式编程和面向 对象编程的一种混合体。 Netscape 公司的这种浏览器脚本语言，最初名字叫做 Mocha， 1995年9月改为

书栈(BookStack.CN) 构建 4. alert('Hello, world'); 浏览器将弹出一个对话框，显示“Hello, world”。你也可以修改两个单引号中间的内容，再试着运 行。 俗话说得好，“工欲善其事，必先利其器。”，写JavaScript的时候，如果期望显示 ABC ，结果却 显示 XYZ ，到底代码哪里出了问题？不要抓狂，也不要泄气，作为小白，要坚信：JavaScript本身 ： 先点击“控制台(Console)“，在这个面板里可以直接输入JavaScript代码，按回车后执行。 要查看一个变量的内容，在Console中输入 console.log(a); ，回车后显示的值就是变量的内容。 调试 2 快速入门 - 11 - 本文档使用 书栈(BookStack.CN) 构建 关闭Console请点击右上角的“×”按钮。请熟练掌握Console的使用方法，在编写JavaScript代码 范中推出了strict模式，在strict模式下 运行的JavaScript代码，强制通过 var 申明变量，未使用 var 申明变量就使用的，将导致运行 错误。 启用strict模式的方法是在JavaScript代码的第一行写上： 1. 'use strict'; 这是一个字符串，不支持strict模式的浏览器会把它当做一个字符串语句执行，支持strict模式的浏 览器将开启strict模式运行JavaScript。

Studio 清除构建内容后，它也将运行’clean’任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若’default’和’clean’任务没有 显示输出内容的话，请刷新explorer： 在 wwwroot 中添加一个新建项 index.html 。 在 index.html 中写入以下代码： 1. 2 23. Loading... 24. 25. 这里加载了此应用。 运行 ASP.NET 应用，你应该能看到一个div显示”Loading…”紧接着更新成显 示”Hello from TypeScript”。 ASP.NET Core - 30 - 本文档使用 书栈网 · BookStack.CN 构建 注意： bind(console)); 18. 19. Loading... 这里加载了此应用。 运行 ASP.NET 应用，你应该能看到一个 div 显示 “Loading…” 紧接着更新 成显示 “Hello from TypeScript”。 ASP.NET 4 - 37 - 本文档使用 书栈网 · BookStack.CN 构建 这篇快速上手指南将教你如何使

Studio 清除构建内容后，它也将运行'clean'任务。 现在，右击 gulpfile.js 并选择Task Runner Explorer。 若'default'和'clean'任 务没有显示输出内容的话，请刷新explorer： 编写HTML页 TypeScript Handbook（中文版） 22 ASP.NET Core 在 wwwroot 中添加一个新建项 index Loading... 这里加载了此应用。 运行 ASP.NET 应用，你应该能看到一个div显示"Loading..."紧 接着更新成显示"Hello from TypeScript"。 TypeScript Handbook（中文版） 29 ASP.NET Core ASP.NET 4 注意： 此教程已从官方删除 error.bind( Loading... 这里加载了此应用。 运行 ASP.NET 应用，你应该能看到一个 div 显示 "Loading..." 紧接着更新成显示 "Hello from TypeScript"。 TypeScript Handbook（中文版） 42 ASP.NET 4 这篇快速上手指南将教你如何使用Gulp构建

Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist 你也可以重命名帮助应用程序以避免在应用程序监视器中显示 Electron Helper ，但是请确保你已经修改了帮 助应用的可执行文件的名字。 一个改过名字的应用程序的构造可能是这样的： 1. MyApp.app/Contents 2. ├── 使用 asar 包中的一个模块： 1. require('/path/to/example.asar/dir/module.js'); 你也可以使用 BrowserWindow 来显示一个 asar 包里的 web 页面： 1. const BrowserWindow = require('electron').BrowserWindow; 2. var win = new pector.js 在 Chrome 中打开 http://127.0.0.1:8080/debug?ws=127.0.0.1:8080&port=5858 5. 打开 Electron 的调试模式 6. 使用 Electron 开启 node-inspector 服务 7. 加载调试器界面 主进程调试 - 21 - 本文档使用 书栈(BookStack.CN) 构建 引自ChromeDriver

（Web）的强大能力，实现逻辑的抽象，完成组 件、模块的适配，达到提效最大化； ● 跟进 Flutter 官方动向：Flutter 2.0 的发布，稳定了对 Web 的支持，同时默 认采用 Canvaskit 编译模式，此模式下对页面滚动性能有较大提升。但由于 canvaskit.wasm 文件过于庞大（2.5M），降低了加载性能，因此目前仍不建 议在 Web 侧直接使用 Canvaskit。不过官方承诺会在 2021 Widgets、 Gestures 等组件来实现逻辑跨端。而关于渲染跨端，FlutterWeb 提供了两种模式 来对齐 Engine 层的渲染能力：Canvaskit Render 和 HTML Render，下方表格对 两者的区别进行了对比： 图 3 模式对比 Canvaskit Render 模式：底层基于 Skia 的 WebAssembly 版本，而上层使 用 WebGL 进行渲染，因此 Canvaskit Render 模式 用于桌面应用）。 HTML Render 模式：利用 HTML + Canvas 对齐了 Engine 层的渲染能力，因此 兼容性表现优秀。另外，MTFlutterWeb 对滚动性能已有过探索和实践，目前能够 应对大部分业务场景。而关于加载性能，此模式下的初始包为 1.2M，是 Canvaskit Render 模式产物体积的 1/2，且我们可对编译流程进行干预，控制输出产物，因此

Promises规范为中心，着重向各位读 者介绍JavaScript中对Promise相关技术的支持情况。 通过阅读本书，我们希望各位读者能在下面三个目标上有所收获。 • 学习Promise相关内容，能熟练使用Promise模式并进行测试 • 学习Promise适合什么、不适合什么，知道Promise不是万能的，不能什么都想用 Promise来解决 • 以ES6 Promises为基础进行学习，逐渐发展形成自己的风格 严格 遵守固定、统一的编程方式来编写代码。 这样，基于Promise的统一接口的做法， 就可以形成基于接口的各种各样的异步处理模 式。 所以，promise的功能是可以将复杂的异步处理轻松地进行模式化， 这也可以说得上是 使用promise的理由之一。 接下来，让我们在实践中来学习JavaScript的Promise吧。 JavaScript Promise 迷你书（中文版） 7 Promise简介 的顺序执行，并且传给每个 then 方法的 value 的值都是前一个promise对象通过 return 返回的值。 下面是一个由方法1中的 then 用法导致的比较容易出现的很有代表性的反模式的例 子。 ✘ then 的错误使用方法 function badAsyncCall() { var promise = Promise.resolve(); promise.then(function()

5. } 6. } 7. } 8. 9. Vue.createApp(TwoWayBinding).mount('#two-way-binding') 控制切换一个元素是否显示也相当简单： 1. 1. const 'Vue 4 - The Mystery' 10. ] 11. } 12. } 13. } 14. }) 我们想根据 author 是否已经有一些书来显示不同的消息 1.

7.4.2 创建商店功能模块............128 7.4.3 更新根组件和根模块.........129 7.5 添加商店功能：产品详情......130 7.5.1 显示产品详情...................130 7.5.2 添加类别选择...................132 7.5.3 添加产品分页功能............133 HTML，为更加简单方 便地构建富应用程序(rich application)打下了良好的基础。Angular 应用程序围绕模型-视图- 控制器(Model-View-Controller，MVC)设计模式构建，该模式的重点在于创建具有如下特点 的应用程序： ● 可扩展：一旦理解 Angular 的基本原理，即便是复杂的 Angular 应用程序，也很容 易弄明白其运行方式，而这意味着可以轻易地改进应用程序，为用户创建新的有 文件的内容。当在某一章中首次使用一个文件时，将列出该文件的完整内容，就像在代码 清单 1-1 中所示的那样。代码清单的标题中将包含文件的名称，以及应该在哪个文件夹中 创建该文件。更改代码时，将以粗体显示修改过的语句。 代码清单 1-1 完整的示例文档 import { NgModule } from "@angular/core"; import { BrowserModule } from

的模块，首先需要用 npm 安装。 $ npm install -g traceur 安装成功后，就可以在命令行下使用 Traceur 了。 Traceur 直接运行 ES6 脚本文件，会在标准输出显示运行结果，以前面 的 calc.js 为例。 ECMAScript 6简介 22 $ traceur calc.js Calc constructor 9 如果要将 ES6 脚本转为 组赋值给 a ，就会报错。 如果真的想将对象冻结，应该使用 Object.freeze 方法。 const foo = Object.freeze({}); // 常规模式时，下面一行不起作用； // 严格模式时，该行会报错 foo.prop = 123; let 和 const 命令 40 上面代码中，常量 foo 指向一个冻结的对象，所以添加新属性不起作用，严格模 式时还会报错。 返回的是当前模块。 函数里面的 this ，如果函数不是作为对象的方法运行，而是单纯作为函数运 行， this 会指向顶层对象。但是，严格模式下，这时 this 会返 let 和 const 命令 42 回 undefined 。 不管是严格模式，还是普通模式， new Function('return this')() ，总 是会返回全局对象。但是，如果浏览器用了CSP（Content