05 2022 档案
摘要：基础用法 你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理
阅读全文
摘要：监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。 示例： <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has b
阅读全文
摘要：函数也是一种对象。从内部结构来看，它继承于 Function 对象。可以像下面这样通过 constructor 属性验证。 function hzh() {} // 函数的内容无关紧要，因此留空 console.log("使用constructor属性验证函数hzh："); console.log(
阅读全文
摘要：do-while 语句是另一种循环语句，其语法结构如下所示。 // do-while 语句的语法结构 do { 语句 } while (条件表达式); do-while 语句的条件表达式，和循环内部的语句、while 语句是相同的。 // do-while do { console.log("黄子涵
阅读全文
摘要：9.1 DOM的定义 9.2 DOM的基础 9.3 节点的选择 9.3.1 通过 ID 检索 在 JavaScript 中，如果要对 HTML 文档中的指定节点进行选择，Document.getElementById() 方法是一种最为常见的手段。该方法可以像下面这样书写。 var element
阅读全文
摘要：9.2.1 标签、元素、节点 在对 HTML 以及 DOM 进行讨论时，我们常常会混用标签、元素、节点等术语。故在此再次对它们的定义进行确认。 标签 标签是一种用于标记的字符串，其作用为对文档的结构进行指定。通常都会有起始标签与结束标签。在结束标签中，有一些可以被省略，如 <p> 标签。同时也有一些
阅读全文
摘要：9.1 DOM的定义 在希望通过 JavaScript 来对页面的内容进行操作时，如果文档的内容与结构能够以一种便于程序处理的形式表现，无疑会给处理带来方便。比如说，虽然可以直接修改以字符串形式表示的 HTML 资源内容，但如果可以对“id 是 foo 的 <div> 标签”，或“所有的<a> 标签
阅读全文
摘要：while 语句是最为基本的循环控制语句。while 语句也被称为 while 循环。下面是 while 语句的语法规则。 // while 语句的语法规则 while (条件表达式) 语句 和 if-else 语句一样，在条件表达式位置所写的表达式的值将会被转换为布尔型。一旦开始执行 while
阅读全文
摘要：尽管 JavaScript 在语法结构上，有不少地方和 Java 类似，但它有一些自己独有的语句。同样地，在 JavaScript 中，有很多和 Java 相似的运算符和表达式。不过，因为隐式的数据类型转换在 JavaScript中非常普遍，所以与 Java 相比，在使用这一语言的过程中还有其他一些
阅读全文
摘要：return 语句的语法如下所示，其中表达式是可以省略的。 // return 语句的语法结构 return 表达式; return 语句会中断函数的处理，并将指定的表达式的值作为函数的返回值返回。如果没有指定表达式，函数的返回值将会是 undefined 值。
阅读全文
摘要：在循环中有时会需要中途跳出，为此可以使用 break 语句。break 语句不仅可以用于跳出 switch-case 语句的循环，也能够用于其他类型的循环语句。下面是不通过 break 语句跳出 while 循环的例子和通过 break 语句跳出循环的例子（代码清单 4.8）。 代码清单 4.8 b
阅读全文
摘要：typeof 是一种用于数据类型判定的单目运算符，它支持任意类型的操作数。其运算结果是标识操作数的数据类型的字符串值。 表 4.9 typeof 运算 数据类型 typeof运算的结果 字符串型 "string" 数值型 "number" 布尔型 "boolean" null型 "object" u
阅读全文
摘要：条件运算符是唯一的三目运算符。由于三目运算符只有这一个，所以有时也会直接把条件运算符称为三目运算符。与 && 运算符和 || 运算符一样，条件运算符也有短路求值的特性。 条件运算符的语法结构如下所示。 // 条件运算表达式的语法 条件表达式 ? 表达式1 : 表达式2 条件表达式的操作数会首先被求值
阅读全文
摘要：算术赋值运算符指的是 +=、-= 等将算术运算符与 = 相连的运算符。算术赋值运算符的作用是将算术运算的结果赋值，相应的表达式运算结果即为该运算结果的值。
阅读全文
摘要：逗号运算符（,）是一个双目运算符，其作用为依次对其左操作数与右操作数求值。逗号运算符的运算结果是其右操作数的值，也就是说其结果的类型取决于所使用的操作数。下面是一个具体的例子。 console.log((x = 1, y = 2)); // 请注意，如果不在这个参数外加括号的话，其含义就会变为参数的
阅读全文
摘要：void 是 undefined 类型的单目运算符。无论向其传递什么操作数，其运算结果都会是 undefined 值。下面是一个具体的例子。 console.log("操作数为数值："); console.log(void 0); console.log(""); console.log("操作数为
阅读全文
摘要：delete 是用于删除属性的单目运算符，其功能为从对象中删除以操作数指定的属性。delete 运算的运算结果为布尔值。如果属性被删除，或所要删除的属性不存在，则结果为真，否则结果为假。 var hzh = { name: "黄子涵", tall: '177cm', tel: 19124896017
阅读全文
摘要：表 4.10 对在进行数据类型转换时需要注意的运算符做了总结。 表 4.10 在进行数据类型转换时需要注意的运算符 运算符 说明 +运算符 字符串连接运算优先于加法运算。如果操作数中一方是字符串值而另一方是数值，数值将被转换为字符串值，而后进行字符串连接运算。 比较运算符（>、<、<=、>=） 数值
阅读全文
摘要：函数调用运算符通过 () 来实现对函数的调用，其左操作数是一个函数，而右操作数则是要传递给函数的参数（实参）。
阅读全文
摘要：字符 .（点）称为点运算符，中括号 [] 称为中括号运算符，它们都是用于访问属性的运算符。虽然这两个运算符不太显眼，却有着很重要的作用。 其左操作数为对象引用，右操作数为属性名。如果左操作数不是对象引用的话，则会被转换为 Object 类型。点运算符的右操作数是一个用于表示属性名的标识符，而中括号运
阅读全文
摘要：下表（表 5.5）是在 ECMAScript 第 5 版中定义的标准内建对象（built-in object）。其中的一些对象是以类的形式来表述的，这是因为将它们视为类的话将会更易于理解。 表 5.5 ECMAScript 第 5 版中的内建对象 名称 说明 Object 所有对象的基类 （通称）全
阅读全文
摘要：对于基于类的程序设计语言，对象的类型是由作为模型的类以及其对其进行实现的接口共同决定的。而在 JavaScript 中，不存在这种意义上的对象类型的概念。这是因为在 JavaScript 中根本就不存在类与接口的概念。不过从原理上来说，对象类型的概念与对象的操作这一概念存在不少共性，由此，也可以认为
阅读全文
摘要：1.7.2 源代码压缩 为了使客户端 JavaScript 的执行更加高速，可以对源代码进行压缩。通过压缩源代码可以实现以下效果以提高执行速度。 减少了网络通信传送量而使得网络等待时间减少。 源代码缩短之后，JavaScript 解释器（浏览器）用于解释代 码的时间减少。 （有些压缩工具可以使）源代
阅读全文
摘要：1.1 JavaScript概要 1.2 JavaScript的历史 1.3 ECMscript 1.4 JavaScript的版本 1.5 JavaScript实现方式 1.6 JavaScript运行环境 1.7 JavaScript 相关环境
阅读全文
摘要：DOM编程就是浏览器和用户之间的接口，可以在浏览器上显示内容或是反馈用户的点击操作。 宿主对象可以把它理解为类似于其他程序设计语言的外部库的概念即可。 图1.1 Web 应用程序的组成结构 【评】接口就类似于插头，有两孔的、三孔的。
阅读全文
摘要：客户端JavaScript代码的可移植性 JavaScript编程中有一个很麻烦的问题，即不同的浏览器中其执行方式会有所不同。 影响客户端JavaScript可移植性的原因主要有两点： JavaScript语言实现方式的不同 渲染引擎的差别（DOM或是CSS的解释不同） 要解决JavaScript语
阅读全文
摘要：先由JavaScript实现某一个功能，ECMAScript才对其进行标准化处理。 【评】标准化的流程
阅读全文
摘要：JavaScript是由网景公司提出的，微软开发了和JavaScript相兼容的JScript并将其应用于Internet Explorer中。不过，人们通常将两者统称为JavaScript。JavaScript的标准化是ECMAScript。 【评】微软的IE真他妈是个垃圾！
阅读全文
摘要：虽然Java和JavaScript的命名导致了许多误解，但回顾历史，可以说这是一种正确的营销手段。 【评】确实一开始会以为JavaScript是Java的脚本语言，但是事实上JavaScript的语法是参考Java的。营销手段？这个马云、码云这个案例差不多。
阅读全文
摘要：JavaScript领域的名人道格拉斯·克罗克福德曾把JavaScript称为Web上的虚拟机。 【评】使用过虚拟机的小伙伴应该都知道，虚拟机顾名思义“虚拟的机器”，简直是买一送一，相当于有了两台电脑，但是，JavaScript是Web上的虚拟机，额，不太理解。
阅读全文
摘要：5.1 变量的声明 5.2 变量与引用 5.3 变量与属性 5.4 变量的查找 5.5 对变量是否存在的校验 5.6 对象的定义 5.7 对象的生成 5.8 属性的访问 5.9 作为关联数组的对象 5.10 属性的属性 5.11 垃圾回收 5.12 不可变对象 5.13 方法 5.14 引用 5.1
阅读全文
摘要：事实上，原型继承的内部执行方式是相当复杂的。如果只是希望能够使用原型继承，而没有弄清其用法的话，反而可能会导致混乱的局面。因此，首先仅说明一下其形式。按代码清单 5.9 中的类定义为模板，并以原型继承的方式改写，就能得到代码清单 5.11。 // 代码清单 5.9 // 相当于进行类定义 funct
阅读全文
摘要：6.1 函数声明语句与匿名函数表达式 6.2 函数调用的分类 6.3 参数与局部变量 6.4 作用域 6.5 函数是一种对象 6.6 Function类 6.7 嵌套函数声明与闭包 6.8 回调函数设计模式
阅读全文
摘要：作用域指的是名称（变量名与函数名）的有效范围。 在 JavaScript 中有以下两种作用域。 全局作用域 函数作用域 全局作用域是函数之外（最外层代码）的作用域。在函数之外进行声明的名称属于全局作用域。这些名称就是所谓的全局变量以及全局函数。 而在函数内进行声明的名称拥有的是函数作用域，它们仅在该
阅读全文
摘要：可以通过函数声明语句与匿名函数表达式对函数进行声明。
阅读全文
摘要：6.3.1 arguments 对象 可以通过在函数内使用 arguments 对象来访问实参。使用方式如代码清单 6.1 所示。 代码清单 6.1 使用 arguments 对象的例子 function hzh1() { console.log(arguments.length); console
阅读全文
摘要：表6.1 函数调用的分类 名称 说明 方法调用 通过接收方对象对函数进行调用（包括apply 与call 调用） 构造函数调用 通过new 表达式对函数进行调用 函数调用 以上两种方式之外的函数调用 将以方法调用的方式使用的函数称为方法，同理，将以构造函数调用方式使用的函数称为构造函数。 函数声明语
阅读全文
摘要：在 Function 对象中包含 apply 与 call 这两种方法，通过它们调用的函数的 this 引用，可以指向任意特定的对象。也就是说，可以理解为它们能够显式地指定接收方对象。 下面是一个使用了 apply 方法与 call 方法的例子。 // function hzh(a, b) { //
阅读全文
摘要：this 引用是一种在 JavaScript 的代码中随时都可以使用的只读变量。在 Java 或 C++ 中也有功能类似的 this 引用。在 Java 以及 C++ 中，this 应该被看作是隐式传递的参数，而在 JavaScript 中，this 引用可以在最外层代码（函数之外）使用，所以从直觉
阅读全文
摘要：5.12.1 不可变对象的定义 所谓不可变对象，指的是在被生成之后状态不能再被改变的对象。由于对象的状态是由其各个属性的值所决定的，因此从形式上来说也是指无法改变属性的值的对象。也有观点认为，在对象引用了另一个对象的情况下，只有当那个被引用的对象也是不可变的时候，引用了它的对象才能被称为不可变对象。
阅读全文
摘要：在 JavaScript 的语言规范中并不存在方法这一概念。方便起见，我们将作为对象属性的函数称为方法。 var hzh = { name: "黄子涵", say: function() { console.log("黄子涵是帅哥！"); } } hzh.say(); [Running] node
阅读全文
摘要：不再使用的对象的内存将会自动回收，这种功能称作垃圾回收。所谓不再使用的对象，指的是没有被任何一个属性（变量）引用的对象。 由 JavaScript 有着客户端程序大多运行时间很短这一历史原因，因此与其他程序设计语言相比，开发者并不太关心对象的存在生命周期。如果整个程序的生命周期就很短，相对来说就没有
阅读全文
摘要：虽然说起来有些绕口，不过属性也是有其属性的。表 5.1 总结了 ECMAScript 第 5 版中定义了的属性 。 在 ECMAScript 中，属性值被定位为“值属性”这样一种属性。使用这一定义的话，属性就成为了名称（属性名）和多个属性的集合。 表 5.1 属性的属性 属性的属性名 含义 writ
阅读全文
摘要：JavaScript 的对象和 Java 的映射（Map）类似。 如果将 JavaScript 对象的属性名看作键，属性值看作值，我们会发现它与 Java 中的映射非常相似。JavaScript 的对象还具有 Java 的映射所不具备的附加功能（例如方法或原型继承等），但也可以不理会这些功能，直接将
阅读全文
摘要：生成的对象可以通过属性来访问。对于对象的引用可以使用点运算符（.）或中括号运算符（[]）来访问其属性。需要注意的是，在点运算符之后书写的属性名会被认为是标识符，而中括号运算符内的则是被转为字符串值的式子。请看下面的例子： var hzh1 = { x:3, y:4 }; console.log("输
阅读全文
摘要：5.7.1 对象字面量 在 JavaScript 程序中，如果要使用对象，就需要首先生成该对象。其中一种方法是通过对象字面量来实现对象的生成。 下面列举了一些可以使用对象字面量的情况。请注意这里并没有作严格的分类。 作为 singleton 模式的用法。 作为多值数据的用法（函数的参数或返回值等）。
阅读全文
摘要：5.6.1 抽象数据类型与面向对象 如果从形式上来定义 JavaScript 的对象，它就是一种属性的集合。所谓属性，即名称与值的配对。属性值可以被指定为任意类型的值，包括数组或其他的对象，都没有问题。 对于对象有一种很常见的定义，即它是一种数据和操作（子程序）的结合。这一定义可以理解为，将面向对象
阅读全文
摘要：从代码的角度来看，（作为右值）写出变量名以对该值进行获取的操作，或者写在赋值表达式左侧以作为赋值对象进行查询的操作，都被称为对变量名称的查找。 因此，在最外层代码中对变量名进行查找，就是查找全局对象的属性。这其实只是换了一种说法，在最外层代码中能够使用的变量与函数，只有全局变量与全局函数而已。至于对
阅读全文
摘要：如果试图读取没有被声明的变量，则会引起 ReferenceError 异常，这是一种错误，必须对代码进行修正。避免 ReferenceError 异常的一种方法： var hzh1 = 1; var hzh1 = hzh1 || 7; var hzh2; var hzh2 = hzh2 || 2;
阅读全文
摘要：其实，在 JavaScript 中变量就是属性，两者何止是相似，本身就是同一个概念。 根据作用域的不同，变量可以被分为全局变量和局部变量（包括参数变量）。全局变量是在最外层代码中声明的变量。所谓最外层代码，指的是写在函数之外的代码。局部变量则是在函数内部声明的变量。全局变量和局部变量两者的本质都是属
阅读全文
摘要：对象的概念很好地说明了变量是一种拥有名称的客体。对象本身是没有名称的，之所以使用变量，是为了通过某个名称来称呼这样一种不具有名称的对象。 var hzh = {} // 将对象赋值给变量hzh 变量又分为基本类型的变量（值型变量）与引用类型的变量。由于在 JavaScript 中，变量是不具有类型的
阅读全文
摘要：变量的功能为持有某个值，或者用来表示某个对象。 如果一个变量在声明之后没有进行赋值，它的值就会是undefined。对同一个变量重复进行声明是不会引起什么问题的，原有的值也不会被清空。 var hzh1 = 7; console.log("输出hzh1的值："); console.log(hzh1)
阅读全文
摘要：和条件分支语句一样，循环语句也是基本的控制语句。循环处理语句的一个不太严密的定义是，只要某个条件成立就不断重复执行同样处理的控制语句。由于源代码中同一代码块会被反复执行，所以也称为循环指令处理。 在 JavaScript 中有以下 5 种循环语句。for each in 语句在 ECMAScript
阅读全文
摘要：switch-case 语句是一种语法结构与 if-else 有所不同的条件分支判断语句。其语法结构如下。 // switch-case 语句的语法 switch ( 语句 ) { case 表达式 1: 语句 语句 ...... case 表达式 2: 语句 语句 ...... case 表达式
阅读全文
摘要：2.1 JavaScript的特点 2.3 变量的基础 2.4 函数基础 2.5 对象的基础 2.6 数组的基础
阅读全文
摘要：数组是一种用于表达有顺序关系的值的集合的语言结构。在 JavaScript 中，数组并非是一种内建类型。相对地，JavaScript 支持 Array 类，所以数组能够以 Array 类的实例的形式实现。不过，由于有数组字面量的表达方式，所以在一般情况下，只需将其作为内建类型使用即可。 // 数组字
阅读全文
摘要：2.5.1 对象的定义 Java 中的对象可以认为是类的一种实例化结果，而 JavaScript中并没有类这样的语言构造。JavaScript 中的对象是一个名称与值配对的集合。这种名称与值的配对被称为属性。这样一来，JavaScript 对象可以定义为属性的集合。 面上看，JavaScript 对
阅读全文
摘要：2.4.1 函数的定义 函数是由一连串的子程序（语句的集合）所组成的，可以被外部程序调用。向函数传递参数之后，函数可以返回一定的值。 console.log("1"); function hzh() { // 声明函数 console.log("2"); } console.log("3"); //
阅读全文
摘要：2.3.1 变量的使用方法 变量的作用是给某一个值或是对象标注名称。 使用关键字var就可以对变量声明。 【评】在C语言中有各种各样的关键字去定义变量，但是JavaScript只有关键字var，毕竟它是弱数据类型。 var hzh; // 声明变量hzh var HZH; // 声明变量HZH va
阅读全文
摘要：JavaScript程序设计语言有如下几个特点： 解释型语言 类似于C和Java的语法结构 动态语言 基于原型的面向对象 字面量的表现能力 函数式编程 解释型语言直接运行环境中执行代码。解释型语言的劣势在于，其运行速度通常都会慢于编译型语言。解释型语言由于使用了JIT（Just In Time）这种
阅读全文
摘要：if 语句和 if-else 语句的语法结构如下。其中的条件表达式和语句不能省略。 // if 语句的语法 if ( 条件表达式 ) 语句 // if-else 语句的语法 if ( 条件表达式 ) 语句 else 语句 与 if 对应的条件表达式及语句统称为 if 子句，而与 else 对应的条件
阅读全文
摘要：有一类语法规则被称为控制语句。控制语句包括条件分支、循环、跳转（包括异常处理）这 3 类。如果没有这样的控制语句，JavaScript 在理论上，是按照源代码上所写的代码顺序从上至下地执行。这种执行方式被称为“顺序执行”。 有了控制语句之后，就可以实现顺序执行以外的代码执行方式。
阅读全文
摘要：仅含有分号的语句就是空语句。仅在一部分场合下空语句才有其使用价值。 // 空的代码块 while (条件表达式) { } // 包含了空语句的代码块 while (条件表达式) { ; } // 仅有空语句 while (条件表达式) ;
阅读全文
摘要：JScript 不同于 Java 那样，Java 只有一部分的表达式能够被作为语句使用，而在 JavaScript 中，所有的表达式都可以被视为一条表达式语句。不过很可惜，JavaScript 的这一特性并不是一个优点。 // 虽然没有意义，但是语法上并没有错误的代码 // 在相等运算符（==）的表
阅读全文
摘要：JavaScript 中的函数声明语句，和 Java 中方法的定义语句在语法上是基本相同的，不同之处在于，函数声明语句并不是以返回值类型开始，而是使用了关键字 function，并且在JavaScript 中不用参数指定类型。 尽管在 ECMAScript 标准中，函数声明语句并没有被视为语句的一种
阅读全文
摘要：// 变量声明语句的格式为，在关键字 var 之后跟上所需的变量名。 var hzh1; // 在多个变量名之间使用逗号（,）分隔的话，就能够同时声明多个变量。 var hzh2, hzh3; // 而使用 = 运算符，就可以在声明的同时对变量进行初始化。 var hzh4 = '黄子涵', hzh
阅读全文
摘要：代码块是在大括号（{}）中所写的语句，以此将多条语句的集合视为一条语句来使用。这样一来，从语法上来说，代码中所有能够书写语句的地方都可以书写多条语句。 值得注意的是，JavaScript（准确地说是 ECMAScript）的代码块中的变量并不存在块级作用域这样的概念。
阅读全文
摘要：在程序设计语言中，语句（statement）的定义可以由该语言经过明确定义的语法（syntax）规则得到，并且可以在运行程序时执行（execute）语句。换一种角度来说的话，所谓运行一个程序，指的就是执行程序中一条条的语句。 虽然说，源代码中的语句并不一定是和运行中的每一步一一对应的，不过考虑到程序
阅读全文
摘要：字面量（literal）指的是，在代码中写下这些值之后，将会在运行时直接使用这些值的字面含义。有读者也许会觉得，在代码中书写的值自然会在运行时按原样表达该值，不过事实上并非如此，请看下面的代码： // 字符串字面量"bar" 的例子 var foo = "bar"; 根据语法规则，代码中的 var
阅读全文
摘要：标识符是开发者在程序中所定义的单词，例如变量名或是函数名。虽说标识符中可以使用的字符是有所限制的，不过只要不与保留字中的单词重复就没有问题，所以实际上可以生成无限多的标识符。其具体的命名规则如下。 必须是除保留字以外的单词。 必须是除 true、false、null 以外的单词。 必须是以 Unic
阅读全文
摘要：表 4.1 JavaScript 的保留字 名称 说明 关键字 请参见表4.2 今后的保留字 请参见表4.3 null 字面量 true 字面量 false 字面量 表 4.2 关键字 break do instanceof typeof case else new var catch finall
阅读全文
摘要：JavaScript 的源代码本质上是一个语句的集合。语句是由语句和表达式所构成的。表达式则由表达式和运算符所构成。这种在自身的定义中递归地使用自身的定义方式，在程序设计语言中相当常见。 有人可能会觉得，这种使用了自身的定义方式即使在经过了无限次循环之后，也无法真正地定义出一个概念。不过事实上，语句
阅读全文
摘要：用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <ul id="example-1"> <li v-fo
阅读全文
摘要：v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> <!DOCTYPE html> <html lang="zh"> <head> <meta charset
阅读全文
摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表
阅读全文
摘要：计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再是简单的声明式逻辑
阅读全文
摘要：JavaScript 这种语言很容易在进行数据类型转换时发生错误。因为不具有强数据类型，所以会有大量的隐式数据类型转换。JavaScript 会根据上下文语境，自动地进行数据类型转换。例如，无论对 if 条件语句使用怎样的值，该值都将被转换为布尔型。 语句中所写的值也会被转换为和运算符相对应的值。例
阅读全文
摘要：除了基本类型之外，其他的所有类型都是 Object 类型。在 5 种基本数据类型之外还有一种 Object 类型即可。 // 对 Object 类型进行 typeof 运算，得到的结果是 "object"。 var hzh1 = {}; // 生成空的对象 console.log("对变量hzh1所
阅读全文
摘要：// undefined 型只能够取 undefined 这一个值。 console.log("对undefined值进行typeof运算，其结果为undefined："); console.log(typeof undefined); // 从代码上来看，undefined 值似乎和 null 值
阅读全文
摘要：null 值的意义存在于对象引用之中。null 值最初的含义为“没有引用任何对象”。null 型只能够取 null 这一个值。null 值是一个字面量。由于只支持 null 这个值，所以将 null 型称为一种类型未免有些奇怪。不过从语法规则上来看，null 型确实是一种数据类型。 然而，对 nul
阅读全文
摘要：3.5.1 布尔值 // 布尔型也被称为逻辑值类型或者真假值类型。 // 布尔型只能够取真（true）和假（false）两种数值。 // 除此以外，其他的值都不被支持。 var hzh1 = true; console.log("它们是true还是false？"); console.log("hzh
阅读全文
摘要：3.4.1 数值字面量 在 JavaScript 中，数值的内部结构为 64 位的浮点小数。不过在实际的编程中，使用整数的情况会更多。不管内部构造如何，从 JavaScript 的代码上来看，只要是写为整数就能够作为整数使用，而不必考虑是否是浮点数的问题。因为所有的数值都是浮点小数，所以其运行效率多
阅读全文
摘要：在 ECMAScript 标准中，内建数据类型（built-in type）分为 5 种基本数据类型以及 Object 类型。 JavaScript 的基本数据类型 JavaScript 的字符串型是基本数据类型，而 Java 的字符串型并不是基本数据类型，这是两者的区别之一。不过，其实两者在本质上
阅读全文
摘要：3.3.1 字符串字面量 // 字符串值可以通过字符串字面量来表示。 // 字符串字面量需要用双引号（"）或单引号（'）括起来。 var hzh = "hzh"; // 将字符串"hzh"值赋给变量hzh console.log("hzh：" + hzh); // 显示变量hzh的值 var hzh
阅读全文
摘要：数据类型决定了一个数据的特征，即限定了该数据必须按照一定的规则进行操作。在程序设计中也 是如此，特定数据类型的数据会有其相应的行为模式。 JavaScript 中有以下 5 种基本数据类型。 字符串型 数值型 布尔型 null 型 undefined 型 在这 5 种基本数据类型之外的都被称为 Ob
阅读全文
摘要：JavaScript 中的运算符用于算术表达式、比较表达式、逻辑表达式、赋值表达式等。下表简单列出了 JavaScript 中的运算符，作为一个方便的参照。 需要注意的是，大多数运算符都是由标点符号表示的，比如“+”和“=”。而另外一些运算符则是由关键字表示的，比如 delete 和 instanc
阅读全文
摘要：对象创建表达式（object creation expression）创建一个对象并调用一个函数（这个函数称做构造函数）初始化新对象的属性。对象创建表达式和函数调用表达式非常类似，只是对象创建表达式之前多了一个关键字 new： > new Object（） > new Point（2,3） 如果一个
阅读全文
摘要：JavaScript 中的调用表达式（invocation expression）是一种调用（或者执行）函数或方法的语法表示。它以一个函数表达式开始，这个函数表达式指代了要调用的函数。函数表达式后跟随一对圆括号，括号内是一个以逗号隔开的参数列表，参数可以有 0 个也可有多个，例如： f(0) //
阅读全文
摘要：属性访问表达式运算得到一个对象属性或一个数组元素的值。JavaScript 为属性访问定义了两种语法： expression . identifier expression [ expression ] 第一种写法是一个表达式后跟随一个句点和标识符。表达式指定对象，标识符则指定需要访问的属性的名称。
阅读全文
摘要：函数定义表达式定义一个 JavaScript 函数。表达式的值是这个新定义的函数。从某种意义上讲，函数定义表达式可称为“函数直接量”，毕竟对象初始化表达式也称为“对象直接量” 。一个典型的函数定义表达式包含关键字 function，跟随其后的是一对圆括号，括号内是一个以逗号分割的列表，列表含有 0
阅读全文
摘要：对象和数组初始化表达式实际上是一个新创建的对象和数组。这些初始化表达式有时称做“对象直接量”和“数组直接量”。然而和布尔直接量不同，它们不是原始表达式，因为它们所包含的成员或者元素都是子表达式。数组初始化表达式语法非常简单，我们以此开始。 数组初始化表达式是通过一对方括号和其内由逗号隔开的列表构成的
阅读全文
摘要：最简单的表达式是“原始表达式” （primary expression）。原始表达式是表达式的最小单位——它们不再包含其他表达式。JavaScript 中的原始表达式包含常量或直接量、关键字和变量。 直接量是直接在程序中出现的常数值。它们看起来像： 1.23 //数字直接量 "hello" //字符
阅读全文
摘要：第1章 JavaScript概述 第一部分 JavaScript语言核心 第2章 词法结构 第3章 类型、值和变量 第4章 表达式和运算符 第5章 语句 第6章 对象 第7章 数组 第8章 函数 第9章 类和模块 第10章 正则表达式的模式匹配 第11章 JavaScript的子集和扩展 第12章
阅读全文
摘要：计算机程序的运行需要对值（value）（比如数字3.14或文本“hello world”）进行操作。 在编程语言中，能够表示并操作的值的类型称做数据类型（type），编程语言最基本的特性就是能够支持多种数据类型。当程序需要将值保存起来以备将来使用时，便将其赋值给（将值“保存”到）一个变量（varia
阅读全文
摘要：一个变量的作用域（scope）是程序源代码中定义这个变量的区域。全局变量拥有全局作用域，在JavaScript 代码中的任何地方都是有定义的。然而在函数内声明的变量只在函数体内有定义。它们是局部变量，作用域是局部性的。函数参数也是局部变量，它们只在函数体内有定义。 在函数体内，局部变量的优先级高于同
阅读全文
摘要：在 JavaScript 程序中，使用一个变量之前应当先声明。变量是使用关键字 var 来声明的，如下所示： var i; var sum; 也可以通过一个 var 关键字来声明多个变量： var i,sum; 而且还可以将变量的初始赋值和变量声明合写在一起： var message = "hell
阅读全文
摘要：JavaScript中的取值类型非常灵活，我们已经从布尔值看到了这一点：当 JavaScript 期望使用一个布尔值的时候，你可以提供任意类型值，JavaScript 将根据需要自行转换类型。一些值（真值）转换为true，其他值（假值）转换为 false。这在其他类型中同样适用：如果 JavaScr
阅读全文
摘要：JavaScript 中的原始值（undefined，null、布尔值、数字和字符串）与对象（包括数组和函数）有着根本区别。原始值是不可更改的：任何方法都无法更改（或“突变”）一个原始值。对数字和布尔值来说显然如此一改变数字的值本身就说不通，而对字符串来说就不那么明显了，因为字符串看起来像由字符组成
阅读全文
摘要：JavaScript 对象是一种复合值：它是属性或已命名值的集合。通过“.”符号来引用属性值。当属性值是一个函数的时候，称其为方法。通过o.m()来调用对象o中的方法。 我们看到字符串也同样具有属性和方法： var s = "hello world!"; // 一个字符串 var word = s.
阅读全文
摘要：有一类非常重要的对象，我们不得不现在就把它们讲清楚————全局对象。全局对象（global object）在JavaScript 中有着重要的用途：全局对象的属性是全局定义的符号，JavaScript 程序可以直接使用。当JavaScript 解释器启动时（或者任何 Web 浏览器加载新页面的时候）
阅读全文
摘要：null 是 JavaScript 语言的关键字，它表示一个特殊值，常用来描述“空值”。对 null 执行 typeof 预算，结果返回字符串"object”，也就是说，可以将 null 认为是一个特殊的对象值，含义是“非对象”。但实际上，通常认为 null 是它自有类型的唯一一个成员， 它可以表示
阅读全文
摘要：布尔值指代真或假、开或关、是或否。这个类型只有两个值，保留字 true 和 false 。 JavaScript 程序中的比较语句的结果通常都是布尔值，例如： a==4 这段代码用来检测变量 a 的值是否等于 4。如果等于，比较结果的布尔值就是 true；如果不等，比较结果则为 false。 布尔值
阅读全文
摘要：字符串（string）是一组由 16 位值组成的不可变的有序序列，每个字符通常来自于 Unicode 字符集。JavaScript 通过字符串类型来表示文本。字符串的长度（length）是其所含 16 位值的个数。JavaScript 字符串（和其数组）的索引从零开始：第一个字符的位置是 0，第二个
阅读全文
摘要：和其他编程语言不同，JavaScript 不区分整数值和浮点数值。JavaScript中 的所有数字均用浮点数值表示。JavaScript 釆用 IEEE 754标准定义的 64 位浮点格式表示数字，这意味着它能表示的最大值是± 1.7976931348623157 x 10308，最小值是±5 x
阅读全文
摘要：编程语言的词法结构是一套基础性规则，用来描述如何使用这门语言来编写程序。作为语法的基础，它规定了诸如变量名是什么样的、怎么写注释，以及程序语句之间如何分隔等规则。 2.1 字符集 JavaScript 程序是用 Unicode字符集编写的。Unicode 是 ASCII 和 Latin-1 的超集，
阅读全文
摘要：1995 年，JavaScript 问世。当时，它的主要用途是代替 Perl 等服务器端语言处理输入验证。在此之前，要验证某个必填字段是否已填写，或者某个输入的值是否有效，需要与服务器的一次往返通信。网景公司希望通过在其 Navigator 浏览器中加入 JavaScript 来改变这个局面。在那个
阅读全文
摘要：JavaScript 概述 JavaScript 是面向Web的编程语言。绝大多数现代网站都使用了 JavaScript，并且所有的现代 Web 浏览器——基于桌面系统、游戏机、平板电脑和智能手机的浏览器——均包含了 JavaScript 解释器。这使得 JavaScript 能够称得上史上使用最广
阅读全文
摘要：第 1 章 什么是 JavaScript 第 2 章 HTML 中的 JavaScript 第 3 章 语言基础 第 4 章 变量、作用域与内存 第 5 章 基本引用类型 第 6 章 集合引用类型 第 7 章 迭代器与生成器 第 8 章 对象、类与面向对象编程 第 9 章 代理与反射 第 10 章
阅读全文
摘要：2.1 网页构成 HTML 网页是利用 HTML 语言编写的文档，它是一种半结构化的数据表现方式。它的结构特征可以归纳为三种：树状结构、层次结构和框结构，这些都是分析 WebKit 引擎渲染网页的基础。 2.1.1 基本元素和树状结构 简单来讲，HTML 网页就是一种使用 HTML 语言撰写的文档。
阅读全文
摘要：1.1 浏览器 1.1.1 浏览器简介 提到浏览器，不得不提的重量级人物是 Berners-Lee。Berners-Lee 是W3C组织的理事，他在 80 年代后期 90 年代初期发明了世界上第一个浏览器 WorldWideWeb（后改名为 Nexus ），并在1991年公布了源代码。 2008 年
阅读全文
摘要：原型 所有引用类型都有一个__proto__(隐式原型)属性，属性值是一个普通的对象 所有函数都有一个prototype(原型)属性，属性值是一个普通的对象（仅限函数） 所有引用类型的__proto__属性指向它构造函数的prototype JavaScript的引用类型 对象（object，也就是
阅读全文
摘要：https://tc39.es/ecma262/ https://zh.javascript.info/ https://cn.history.js.org/ https://v8.dev/ https://spidermonkey.dev/ https://developer.mozilla.or
阅读全文
摘要：16.1 Web Storage 16.1.1 Web Storage 的定义 Web Storage 是一种可以简单地将 JavaScript 所处理的数据永久保存的接口。近年来，出现了 Web Storage 等多种客户端存储技术。于是，可以不用再像过去那样必须通过服务器才能进行数据的读写操作。
阅读全文
摘要：15.1 Drag Drop API 15.1.1 Drag Drop API 的定义 Drag Drop API 是一种能够在浏览器中实现 DOM 元素的拖动与释放操作的 API。拖动与释放功能非常重要，它可以使 Web 应用程序具有接近原生桌面程序的易用性。众所周知，拖动与释放这一功能，其实在很
阅读全文
摘要：14.1 History API 14.1.1 History API的定义 History API 是用于在 JavaScript 中对浏览器的 URL 及历史信息进行操作的 API。过去，大部分的 Web 应用程序都是由服务器端负责程序逻辑，客户端则主要负责信息显示。而最近，将复杂的状态变化移至
阅读全文
摘要：2.1 JSON基于JavaScript对象字面量 在英语中，“literal'”（字面上的）是一个形容词，用来表示所说的话所表达的是其字面意思，不是隐喻。比如你的朋友对你说：“她不知从哪儿突然冒了出来，吓得我三明治都掉了。”他所说的“三明治掉了”就是字面意思，而不是隐喻。 而编程语言中的 lite
阅读全文
摘要：绩效 章节 代码量（行） 12.1 0 12.2 0 12.3 122 12.1 使用库的原因 在客户端 JavaScript 中，最为费时费力的事就是跨浏览器支持，更进一步说，是对 Internet Explorer 的支持。Internet Explorer 6、7、8 之间都有着细微的功能差异
阅读全文
摘要：第一部分 HTTP：Web 的基础 第 1 章 HTTP 概述 第 2 章 URL 与资源 第 3 章 HTTP 报文 第 4 章 连接管理 第二部分 HTTP 结构 第 5 章 Web 服务器 第 6 章 代理 第 7 章 缓存 第 8 章 集成点：网关、隧道及中继 第 9 章 Web 机器人 第
阅读全文
摘要：第 1 章 CSS 和 Documents 第 2 章 选择器 第 3 章 特异性和级联 第 4 章 值和单位 第 5 章 字体 第 6 章 文本属性 第 7 章 基本的视觉格式化 第 8 章 Padding, Borders, Outlines 和 Margins 第 9 章 颜色、背景和渐变 第
阅读全文
摘要：绩效 名称 代码量（行） ES6标准入门 68 HTML5权威指南 https://cn.vuejs.org/ JavaScript DOM编程艺术 JavaScript编程全解 1374 Java核心技术·卷I JSON必知必会 LeetCode Solidity编程 vue WebKit技术内幕
阅读全文
摘要：绩效 章节 代码量（行） 6.1 88 6.1 二进制和八进制表示法 ES6 提供了二进制和八进制数值的新写法，分别用前缀 0b（或 0B）和 0o（或0O）表示。 var hzh1 = 0b111110111; var hzh2 = 503; console.log("判断变量hzh1和hzh2是
阅读全文
摘要：绩效 章节 代码量（行） 11.1 303 11.1 样式 对样式进行操作指的是对页面的外观进行操作，而不是页面的内容。只要设计出合适的样式，就能够创建出易读、清晰、美观的 Web 应用程序。话虽如此，易读和美观主要由设计师负责，属于静态设计的范畴，需要 CSS 方面的知识。而借助 JavaScri
阅读全文
摘要：1.1 jQuery 概述 1.1.1 认识 jQuery jQuery 是由美国人 John Resig 于 2006 年创建的一个开源项目，随着被人们熟知，越来越多的程序高手加入其中，完善并壮大其项目内容，如今已发展成为集 JavaScript、CSS、DOM、Ajax 于一体的强大框架体系。它
阅读全文
摘要：第1章 jQuery开发入门 第2章 jQuery选择器 第3章 jQuery操作DOM 第4章 jQuery中的事件与应用 第5章 jQuery的动画与特效 第6章 Ajax在jQuery中的应用 第7章 jQuery常用插件 第8章 jQuery UI插件 第9章 jQuery实用工具函数 第1
阅读全文
摘要：宏观上看， JSON 是一种轻量的数据格式，在各种地方传递数据。如果单用眼睛看，JSON 里的数据是被保存在花括号({})中的，而如果从用途上进一步分析，最终我们会得出结论：JSON 是一种数据交换格式。 1.1 JSON是一种数据交换格式 数据交换格式是一种在不同平台间传递数据的文本格式。除 JS
阅读全文
摘要：5.1 RegExp构造函数 在 ES5 中，RegExp 构造函数的参数有两种情况。 第一种情况是，参数是字符串，这时第二个参数表示正则表达式的修饰符（flag）。 var hzh1 = new RegExp('xyz', 'i'); console.log("输出hzh1："); console
阅读全文
摘要：绩效 章节 代码量（行） 10.1 0 10.2 236 10.1 事件驱动程序设计 在 JavaScript 中，最为重要的一件事就是对事件进行处理。与通常的 GUI 应用程序相同，Web 应用程序也是通过事件驱动程序设计的方式来实现其功能的。在事件驱动程序设计中，需要注册不同事件的处理方式。 在
阅读全文
摘要：绩效 章节 代码量（行） 8.1 0 8.2 164 8.3 0 8.4 144 8.1 客户端JavaScript的重要性 8.1.1 Web 应用程序的发展 随着互联网的发展，现在的网页已经能够支持各种复杂的功能了。这里所说的网页已经不仅仅是单纯的文档，而是变为了一种应用程序，所以也称为 Web
阅读全文
摘要：绩效 章节 代码量（行） 7.1 7.1 数组 数组是一种有序元素的集合。在 JavaScript 中，数组的长度是可变的。只要将元素加入数组的尾部，数组的长度就会自动增加。同时，也能够自由改写数组中的每一个元素。其实这并不值得惊讶，反而是理所应当的，因为在 JavaScript中数组也是一种对象。
阅读全文
摘要：第 1 章 JavaScript 简介 第 2 章 ECMAScript 和 TypeScript 概述 第 3 章 数组 第 4 章 栈 第 5 章 队列和双端队列 第 6 章 链表 第 7 章 集合 第 8 章 字典和散列表 第 9 章 递归 第 10 章 树 第 11 章 二叉堆和堆排序 第
阅读全文
摘要：第1章 浏览器和浏览器内核 第2章 HTML网页和结构 第3章 WebKit架构和模块 第4章 资源加载和网络栈 第5章 HTML解释器和DOM模型 第6章 CSS解释器和样式布局 第7章 渲染基础 第8章 硬件加速机制 第9章 JavaScript引擎 第10章 插件和JavaScript扩展 第
阅读全文
摘要：第1章 什么是JSON 第2章 JSON语法 第3章 JSON的数据类型 第4章 JSON Schema 第5章 JSON中的安全问题 第6章 JavaScript中的XMLHttpRequest与Web API 第7章 JSON与客户端框架 第8章 JSON与NoSQL 第9章 服务端的JSON
阅读全文
摘要：第1章 区块链、以太坊和智能合约 第2章 安装以太坊和 Solidity 第3章 Solidity 介绍 第4章 全局变量和函数 第5章 表达式和控制结构 第6章 编写智能合约 第7章 函数、修改器和 fallback 函数 第8章 异常、事件与日志 第9章 Truffle 基础与单元测试 第10章
阅读全文
摘要：ES6加强了对Unicode的支持，并且扩展了字符串对象。 4.1 字符的Unicode表示法 JavaScript允许采用 \uxxxx 形式表示一个字符，其中 xxxx 表示字符的 Unicode 码点。 // hzh.js console.log("\u9ec4"); console.log(
阅读全文
摘要：3.1 数组的解构赋值 3.1.1 基本用法 ES6 允许按照一定模式从数组和对象中提取值，然后对变量进行赋值，这被称为解构（Destructuring）。 以前，为变量赋值只能直接指定值。 // hzh.js let hzh1 = 1; let hzh2 = 2; let hzh3 = 3; ES
阅读全文
摘要：2.1 let命令 2.1.1 基本用法 ES6 新增了 let 命令，用于声明变量。其用法类似于 var，但是所声明的变量只在 let 命令所在的代码块内有效。 { let hzh1 = 1; var hzh2 = 2; } console.log("hzh2 = " + hzh2); conso
阅读全文
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已于2015年6月正式发布。它的目标是使JavaScript语言可以用于编写复杂的大型应用程序，成为企业级开发语言。 1.1 ECMAScript 和 JavaScript 的关系 ECMAScript 和 JavaS
阅读全文
摘要：排版规范分类 引用 文字引用 这是一段引用 图片引用 评论 这是一条评论 代码 适用于验证代码、实践代码等 代码块 代码块 代码块 代码块 代码块 代码块 代码块 行内代码 行内代码 截图 排版规范的组合 文字引用 + 图片引用 这是一段引用 文字引用 + 评论 这是一段引用 这是一条评论 文字引用
阅读全文
摘要：第1章 ECMAScript 6简介 第2章 let和const命令 第3章 变量的解构赋值 第4章 字符串的扩展 第5章 正则的扩展 第6章 数值的扩展 第7章 函数的扩展 第8章 数组的扩展 第9章 对象的扩展 第10章 Symbol 第11章 Set和Map数据结构 第12章 Proxy 第1
阅读全文
摘要：阳光强烈，空气亮闪闪耀眼夺目。 然而，随后的冷雨将这一切抹掉。 二十七岁的我那时站在地铁里，庞大的列车穿过暗黑的隧道，我的记忆就像隧道里的灯光渐行渐远，瞳孔感受着地铁外那风驰电掣的速度感。 看着她如花似玉的脸蛋，那半球型的乳房，偶尔还可以吃上她煮的三菜一汤，也算是“执到宝”啦，要是惹她生气，搞不好哪
阅读全文
摘要：第1部分 JavaScript概要 第1章 JavaScript概要 第2部分 JavaScript的语言基础 第2章 JavaScript基础 第3章 JavaScript的数据类型 第4章 语句、表达式和运算符 第5章 变量与对象 第6章 函数与闭包 第7章 数据处理 第3部分 客户端JavaS
阅读全文
摘要：13.1 HTML5的历史 HTML5的发展历程 随着 Web 应用程序的范围越来越广，JavaScript的功能局限性也渐渐引起了人们的注意。仅靠JavaScript 无法实现数据的永久保存、套接字通信、音乐与视频的播放等在桌面应用程序中常见的功能，于是在一些特定领域，Web 应用程序的发展要慢于
阅读全文
摘要：3.1 数据类型的定义 3.2 内建数据类型概要 3.3 字符串型 3.4 数值型 3.5 布尔型 3.6 null型 3.7 undefined型 3.8 Object类型 3.9 数据类型转换
阅读全文
摘要：Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能
阅读全文
摘要：创建一个 Vue 实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的： var vm = new Vue({ // 选项 }) 【评】这个在源码中怎么体现的呢？ 虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (Vi
阅读全文
摘要：安装 直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。 【评】这里的全局变量应该和C语言差不多。 介绍 Vue.js是什么 起步 声明式渲染 文本插值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
阅读全文
