最佳实践   可维护性   什么是可维护的代码    可理解性  直观性  可适应性  可扩展性  可调试性   代码约定   一种让代码变得可维护的简单途径是形成一套 JavaScript 代码的书写约定。   可读性    缩进，常见为 4 个空格。  注释，需要进行注释的地方有：   函数和方法  大段代码  复杂的算法  Hack    变量和函数命名    变量应为名词  函数名应以动词开始，返回布尔值类型的函数一般以 is 开头  变量和函数都应该使用合乎逻辑的名字，不要担心长度。   变量类型透明    变量初始化  匈牙利标记法，如 bFound(布尔值)、iCount(整数)...

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

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

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="showMessage()" />...

第十一章   选择符 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 对象，可以知道某个可能未声明的变量是否存在。  //抛出错误，因为 ol...

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(this.name); } }  6.1.1属性类型    数...

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