最佳实践 可维护性 什么是可维护的代码 可理解性 直观性 可适应性 可扩展性 可调试性 代码约定 一种让代码变得可维护的简单途径是形成一套 JavaScript 代码的书写约定。 可读性 缩进，常见为 4 个空格。 注释，需要进行注释的地方有： 函数和方法 大段代码 复杂的算法 Hack 变量和函数命名 变量应为名词 函数名应以动词开始，...

离线应用与客户端存储 支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用，就是在设备不能上网的情况下仍然可以运行的应用。 离线检测 开发离线应用首先要检测设备的状态，根据设备在线或者离线进行接下来的操作。HTML5 为我们提供了两种判断设备在线状态的方式： navigator.onLine属性：属性值为true表示设备能上网，值为false表示设备离线。 online/offline事件：当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件。这两个事件在window对象上触发。 为了检测应用是否离线，我们可...

高级技巧 高级函数 安全的类型检测 使用Object.prorotpye.toString.call(value)，会返回一个[object NativeConstructorName]格式的字符串。每个类在内部都有一个[[Class]]属性，这个属性中就指定了上述字符串中的构造函数名。例如： Object.prorotpye.toString.call([]); // "[object Array]" 作用域安全的构造函数 作用域安全的构造函数在进行任何更改前，首先确认this对象是正确类型的实例。如果不是，那么会创建新的实例并返回。如下：...

JSON JSON 是一种数据格式，不是一种编程语言。虽然具有相同的语法形式，但 JSON 并不从属于 JavaScript。 语法 JSON 的语法可以表示一下三种类型的值。 简单值：使用与 JavaScript 相同的语法，可以在 JSON 表示字符串、数值、布尔值和null。但 JSON 不支持 JavaScript 中的特殊值undefined。 对象：对象作为一种复杂的数据类型，表示的是一组无序的键值对。每个键值对中的值可以是简单值，也可以是复杂的数据类型的值。 数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值...

十六章. HTML5 脚本编程 跨文档消息传送 跨文档消息传送（cross-document messaging），简称 XDM，指的是在来自不同域的页面间传递消息。 XDM 的核心是postMessage()方法，除了 XDM 部分之外的其他部分也会提到这个方法名，但都是为了同一个目的：向另一个地方传递数据。对于 XDM 而言，另一个地方指的是包含在当前页面中的<iframe>元素，或者由当前页面弹出的窗口。 postMessage()方法接受两个参数：一条消息和一个表示消息接收方来自哪个域的字符串。第二个参数对保障安全通信非常重要，可以防止浏览器把消息发...

十三章 事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。 JavaScript 与 HTML 之间的交互是通过事件实现的。可以使用事件处理程序来预定事件，以便事件发生时执行相应的代码。 事件流 事件流描述的是从页面中接收事件的顺序。 事件冒泡 事件捕获 DOM 事件流 事件处理程序 HTML 事件处理程序 通过 HTML 指定事件处理程序。 <input type="button" value="click me" onclick="showMessa...

第十一章 选择符 API 可以通过 Document 和 Element 类型的实例调用它们。前两个方法兼容 IE8+。 querySelector() querySelectorAll() matchesSelector() 元素遍历 对于元素间的空格，IE9 及之前版本不会返回文本节点，而其他浏览器都会返回文本节点。为了弥补差异，Element Traversal 规范新添加了五个属性： childElementCount：返回子元素（不包括文本和注释节点）的个数。 firstElementChild：指向第一个子元素。 lastElementChild：指向最后一...

第八章 在 Web 中使用 JavaScript ，BOM 是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能。 window对象 var age = 29; window.color = "red"; delete window.age; delete window.error; //returns true alert(window.age); //29 alert(window.color); //undefined 尝试访问未声明的变量会抛出错误，但是通过查询 window 对象，可以知道某个可能未声明的变量是否存在。 /...

6.第六章 ECMASCript中没有类的概念，每个对象都是基于一个引用类型创建的。 6.1理解对象 最简单方法，创建一个Object实例。 var person = new Object(); person.name = "seal"; person.sayName = function(){ alert(this.name); } // 也可以这样写 var person = { name: "seal", sayName: function(){ alert(th...

1.第一章 JavaScript包含三个部分，ECMAScript，DOM，BOM。ECMAScript是JavaScript的核心，包括语法，类型，语句，关键字，保留字，操作符，对象。 5种简单数据类型：Undefined、Null、Boolean、Number、String； 1种复杂数据类型（引用类型）：Object。 ECMAScript提供核心语言功能。DOM提供访问和操作网页内容的方法和接口。BOM提供与浏览器交互的方法和接口。 一个完整的JavaScript实现应该由三个不同的部分组成：核心（ECMAScript）、文档...