Web 开发技术-JavaScript ### 1. 概述 ## 内容提要 1 JavaScript 简史 2 JavaScript 功能、脚本语言 3 JavaScript 实现 ECMAScript > DOM BOM 4 在 HTML 中使用 JavaScript ➢直接嵌入 ➢外部引入 JS 代码压缩 ## 1 JavaScript 简史 ## 时代背景 ➢1995 1995 人类首个支持 JavaScript 和 gif 动图的浏览器 ### 1. JavaScript 简史 ## 发展过程 ➢1995: LiveScript/JavaScript 始于网景 ➢网景通信公司（Netscape）开发 LiveScript 1.0，与 Sun 公司组成开发联盟。由于 Java 正流行，LiveScript 发布前临时改名 JavaScript. ➢1996: ➢1996: Microsoft 采用 ➢在 Internet Explorer 3 中加入名为 JScript 的 JavaScript 实现. ➢1997: JavaScript 标准化 - ECMAScript 欧洲计算机制造商协会（ECMA）39号技术委员会（TC39）负责“标准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”。 定义一种名为 ECMAScript 的新脚本语言标准。 ➢1998:

廖雪峰 JavaScript教程 书栈(BookStack.CN) ## 目录 致谢 JavaScript教程 1 JavaScript简介 2 快速入门 2.1 基本语法 2.2 数据类型和变量 2.3 字符串 2.4 数组 2.5 对象 2.6 条件判断 2.7 循环 2.8 Map和Set Web开发 9.5.1 koa 9.5.2 mysql 9.5.3 swig 9.6 自动化工具 10 期末总结 ## 致谢 当前文档《廖雪峰JavaScript教程》由进击的皇虫使用书栈(BookStack.CN)进行构建，生成于2018-07-13。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 cn/books/liaoxuefeng-JavaScript 书栈官网：http://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！感谢知识的创造者，感谢知识的分享者，也感谢每一位阅读到此处的读者，因为我们都将成为知识的传承者。 ## JavaScript教程 ## JavaScript教程 这是小白的零基础JavaScript全栈教程。

FELLO FELLO FELLO FELLO FELLO FELLO >Hello算法 动画图解、一键运行的数据结构与算法教程 靳宇栋 (@krahets) ## Hello 算法 JavaScript 语言版 作者：靳宇栋 (@krahets) 代码审阅：谢发 (@justin-tse) ![Image](/uploads/documents/a/9/f/6/a9f64479dbb 构与算法入门教程。 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 算法源代码皆可一键运行，支持 Python、C++、Java、C#、Go、Swift、JavaScript、TypeScript、Dart、Rust、C 和 Zig 等语言。 · 鼓励读者在线上章节评论区互帮互助、共同进步，提问与评论通常可在两日内得到回复。 #### 0.1.1 读者对象 换句话说，基本数据类型提供了数据的“内容类型”，而数据结构提供了数据的“组织方式”。例如以下代码，我们用相同的数据结构（数组）来存储与表示不同的基本数据类型，包括 int、float、char、bool 等。 // JavaScript 的数组可以自由存储各种基本数据类型和对象 const array = [0, 0.0, 'a', false]; ### 3.3 数字编码 $ ^{*} $ ![Im

FELLO FELLO FELLO FELLO FELLO FELLO >Hello算法 动画图解、一键运行的数据结构与算法教程 靳宇栋 (@krahets) Hello 算法 JavaScript 语言版 作者：靳宇栋 (@krahets) 代码审阅：谢发 (@justin-tse) ![Image](/uploads/documents/1/6/e/e/16ee039ad76 构与算法入门教程。 全书采用动画图解，结构化地讲解数据结构与算法知识，内容清晰易懂，学习曲线平滑。 算法源代码皆可一键运行，支持 Python、C++、Java、C#、Go、Swift、JavaScript、TypeScript、Dart、Rust、C 和 Zig 等语言。 · 鼓励读者在线上章节评论区互帮互助、共同进步，提问与评论通常可在两日内得到回复。 #### 0.1.1 读者对象 换句话说，基本数据类型提供了数据的“内容类型”，而数据结构提供了数据的“组织方式”。例如以下代码，我们用相同的数据结构（数组）来存储与表示不同的基本数据类型，包括 int、float、char、bool 等。 // JavaScript 的数组可以自由存储各种基本数据类型和对象 const array = [0, 0.0, 'a', false]; ### 3.3 数字编码 $ ^{*} $ Note

this 关键字 对象的继承 Object 对象的相关方法 严格模式 异步操作 概述 定时器 Promise 对象 DOM 概述 ## 致谢 当前文档《阮一峰 JavaScript 教程》由进击的皇虫使用书栈(BookStack.CN)进行构建，生成于2018-02-26。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 bookstack.cn/books/javascript-tutorial 书栈官网：http://www.bookstack.cn 书栈开源：https://github.com/TruthHun 分享，让知识传承更久远！感谢知识的创造者，感谢知识的分享者，也感谢每一位阅读到此处的读者，因为我们都将成为知识的传承者。 ## 介绍 本教程全面介绍 JavaScript 核心语法，从最简单的开始讲 大量的代码实例，便于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言的入门教程，也适合当作日常使用的参考手册。 前言 ## 前言 • 前言 ## 前言 我写这本教程，主要原因是自己需要。 编程时，往往需要查阅资料，确定准确用法。理想的 JavaScript 参考书，应该简明易懂，一目了然，告诉我有哪些注意点，提供代码范例。如果涉及重要概念，还

## JavaScript极速入门 —— 内核与引擎 主讲人与课程设计：耕耕 ## 浏览器内核 ## 主流浏览器内核 |主流浏览器|内核| |---|---| |IE -> Edge|trident->EdgeHTML| |Chrome|webkit->blink| |Safari|webkit| |Firefox|Gecko| |Opera|Presto->blink| nk| |Obs|bkgto->pllmk| |Libre办公|Gecko| ## JavaScript 引擎 ## 主流浏览器JavaScript引擎 |主流浏览器|js引擎| |---|---| |IE -> Edge|JScript (IE3.0-IE8.0) / Chakra (IE9+之后，查克拉，微软也看火影么...)| |Chrome|V8 (大名鼎鼎)| |Safari|Nitro 0-0.5) / C (0.0-0.5)| ## 浏览器内核与JavaScript引擎关系 最初内核的概念包括渲染引擎与JS引擎，目前习惯直接称渲染引擎为内核，JS引擎独立。 最初状态 目前状态 浏览器内核 浏览器内核 渲染引擎 JavaScript引擎 渲染引擎 JavaScript引擎 ## 渲染引擎与JavaScript引擎 渲染引擎：Rendering Engine，一般习

# JavaScript Promise迷你书（中文版） 原著：azu / 翻译：liubin、kaku、honnkyou Revision History Revision 1.4.1 原/翻 ## Table of Contents 前言 ..... 3 写作初衷 ..... 3 开始阅读之前 ..... 3 格式约定 ..... 4 本书源代码/License . . 111 给原著者留言、后记 ..... 112 ## 前言 ## 写作初衷 本书的目的是以目前还在制定中的ECMAScript 6 Promises规范为中心，着重向各位读者介绍JavaScript中对Promise相关技术的支持情况。 通过阅读本书，我们希望各位读者能在下面三个目标上有所收获。 - 学习Promise相关内容，能熟练使用Promise模式并进行测试 - 学习Pr mise不是万能的，不能什么都想用Promise来解决 - 以ES6 Promises为基础进行学习，逐渐发展形成自己的风格 像上面所提到的那样，本书主要是以ES6 Promises，即JavaScript的标准规范为基础的、Promise的相关知识为主要讲解内容。 在Firefox和Chrome这样技术比较超前的浏览器上，不需要安装额外的插件就能使用Promise功能，此外ES6 Prom

FEELO FEELO FEELO FEELO FEELO > Hello 算法 动画图解、能运行、可提问的数据结构与算法入门教程 作者：靳宇栋(Krahets) Hello 算法 JavaScript 语言版 靳宇栋（Krahets）  但至于其中存储的是整数int，还是小数float，或是字符char，则与所谓的数据的结构无关了。 换言之，基本数据类型提供了数据的“内容类型”，而数据结构提供数据的“组织方式”。 /* JavaScript 的数组可以自由存储各种基本数据类型和对象 */ const array = [0, 0.0, 'a', false]; ##### 3.1.2. 计算机内存 在计算机中 容数组，则需新建一个数组，然后把原数组元素依次拷贝到新数组，在数组很大的情况下，这是非常耗时的。 /// == File: array.js === /* 扩展数组长度 */ // 请注意，JavaScript 的 Array 是动态数组，可以直接扩展 // 为了方便学习，本函数将 Array 看作是长度不可变的数组 function extend(nums, enlarge) { // 初始化一个扩展长度后的数组

FEELO FEELO FEELO FEELO FEELO > Hello 算法 动画图解、能运行、可提问的数据结构与算法入门教程 作者：靳宇栋(Krahets) Hello 算法 JavaScript 语言版 靳宇栋（Krahets）  换句话说，基本数据类型提供了数据的“内容类型”，而数据结构提供了数据的“组织方式”。例如以下代码，我们用相同的数据结构（数组）来存储与表示不同的基本数据类型，包括 int、float、char、bool 等。 // JavaScript 的数组可以自由存储各种基本数据类型和对象 const array = [0, 0.0, 'a', false]; ### 3.3 数字编码 $ ^{*} $ ![Im 来 Unicode 规范扩展到了超过 16 位，所以 Java 中的字符现在可能由一对 16 位的值（称为 “代理对”）表示。 · JavaScript 和 TypeScript 的字符串使用 UTF-16 编码的原因与 Java 类似。当 JavaScript 语言在 1995 年被 Netscape 公司首次引入时，Unicode 还处于相对早期的阶段，那时候使用 16 位的编码就足够表示所有的

FELLO FELLO FELLO FELLO FELLO FELLO >Hello算法 动画图解、一键运行的数据结构与算法教程 靳宇栋 (@krahets) Hello 算法 JavaScript 语言版 作者：靳宇栋 (@krahets) 代码审阅：谢发 (@justin-tse) ![Image](/uploads/documents/4/e/7/6/4e76753d716 换句话说，基本数据类型提供了数据的“内容类型”，而数据结构提供了数据的“组织方式”。例如以下代码，我们用相同的数据结构（数组）来存储与表示不同的基本数据类型，包括 int、float、char、bool 等。 // JavaScript 的数组可以自由存储各种基本数据类型和对象 const array = [0, 0.0, 'a', false]; ### 3.3 数字编码 $ ^{*} $ Tip 规范扩展到了超过 16 位，所以 Java 中的字符现在可能由一对 16 位的值（称为“代理对”）表示。 · JavaScript 和 TypeScript 的字符串使用 UTF-16 编码的原因与 Java 类似。当 1995 年 Netscape 公司首次推出 JavaScript 语言时，Unicode 还处于发展早期，那时候使用 16 位的编码就足以表示所有的 Unicode 字符了。