对象是无序属性的集合 属性类型 创建属性Object.defineProperty()  如果对象中不存在指定的属性，Object.defineProperty()就创建这个属性。当描述符中省略某些字段时，这些字段将使用它们的默认值。拥有布尔值的字段的默认值都是false。value，get和set字段的默认值为undefined。一个没有get/set/value/writable定义的属性被称为“通用的”，并被“键入”为一个数据描述符。 数据属性和访问器属性  数据属性  [[Configurable]]表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修...

工厂模式 工厂模式解决了多个对象相似的问题，没有解决对象识别的问题。  function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function () { alert(this.name); } return o; } var person1 = createPerson("Nicholas", 29, "Software Engineer"); var person2 = crea...

执行环境（作用域） 每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。  在WEB浏览器中，全局作用域被认为是window对象。  每个函数有自己的作用域。  非全局的执行环境（局部作用域）的代码块执行完毕后，该环境及保存在该环境的所有变量和函数也随之销毁。  全局执行环境直到关闭网页或浏览器时才销毁。 作用域链 当代码在一个环境中执行时，会创建变量对象的一个作用域链，它保证了当前执行环境对符合访问权限的变量和函数的有序访问。  var a = 1; function outer() { var b = 2; function inner() { var c...

原型链继承、 ECMAScript主要依靠原型链实现继承  利用原型让一个引用类型继承另一个引用类型的实例和方法。让子类原型对象等于超类对象的实例。 function SuperType() { this.property = "super"; } SuperType.prototype.getSuperValue = function() { return this.property; } function SubType() { this.subProperty = "sub"; } //让SubType原型对象等于SuperType的实例, //此...

函数表达式的特征 函数表达式和其他表达式一样，在使用前必须先赋值。 递归  //递归阶乘函数 function factorial(num) { if (num <= 1) { return 1; } else { return num * factorial(num - 1); } } //虽然这个函数表面看来没什么问题，但下面的代码却可能导致它出错。 var anotherFactorial = factorial; factorial = null; // alert(anotherFactorial(4));//TypeError //可以用命名函数表达式避免 var facto...

window对象 BOM的核心对象是window，代表浏览器的一个实例。既是通过JavaScript访问浏览器的一个接口，又是ECMAScript规定的Global对象。在网页中定义的任何一个对象，变量，函数都以window作为其Global对象。 全局作用域 所有在全局作用域中声明的变量，函数都会变成window对象的属性和方法。  全局变量的属性不能使用delete操作符删除，直接在window上定义的属性可以。  var age = 29; window.color = "red"; //在IE < 9 时抛出错误，其他浏览器都returns false del...

关于此次项目的总结 1、想清楚再写 在开始一个功能/模块之前，要想好思路、结构、如何实现。一般来说，和实际结果都会有差异，这样做的好处是在遇到错误或结果不一致时可以更快地定位问题，可以看看是思路不对还是哪里的代码不对。如果是边写边想，突然发现不对，又改一下，越改越乱，最后自己都不知道为什么要那么写。想清楚再写可以帮助保持头脑清醒，提高效率，不让代码混乱。 2、沟通很重要 理所当然的自以为是有害的，当不确定的时候多问，搞清楚。避免做无用功。 3、注重细节 标签语义化、垂直居中等等。命名很难，不要随便命名。图片名不要用中文。HTML不要用很多空格来分隔。有些图片可以不用png格式就不用，png格式...

节点层次 DOM可以将任何HTML文档描绘成一个由多节点构成的结构。有12种节点类型，这些类型都继承自一个基类。 Node类型 node是一个接口，所有DOM类型实现这个接口。JavaScript 中的所有节点类型都继承自 Node 类型，因此所有节点类型都共享着相同的基本属性和方法。 最常用元素和文本节点。  nodeType属性,只读 返回一个与该节点类型对应的无符号短整型的值 ELEMENT_NODE 1 ATTRIBUTE_NODE 2 TEXT_NODE 3 ...  nodeName, nodeValue属性  nodeName的值取决于node的类型，元素节点的值为标签名，Tex...

#Selector API querySelector() 接受一个css选择符，返回第一个匹配的元素 // 在整个文档范围查找 var divEl = document.querySelector("div"); // 在某个元素后代范围内查找 divEl.querySelector("div");  querySelectorAll() 接受一个css选择符，返回第一个NodeList实例(静态，非实时) var list = document.querySelectorAll("div");  matchesSelector()...

事件发生后，会在DOM树上传播，DOM事件流分为三阶段：捕获，目标，冒泡  1、捕获阶段 事件传播由目标节点的祖先节点逐级传播到目标节点。先由文档的根节点document（window）开始触发对象，最后传播到目标节点，从外向内捕获事件对象； 2、目标阶段 事件到达目标对象，事件触发，如果事件不允许冒泡，事件会在这一阶段停止传播。 3、冒泡阶段 从目标节点逐级传播到document节点。 在事件处理中目标阶段被看做冒泡阶段的一部分 如果有多个相同类型事件的事件监听函数绑定到同一个元素，当该类型的事件触发时，它们会按照被添加的顺序执行。 EventTarget.addEventListener(...

博客搬家

test

vue实例 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中 var vm = new Vue({ data: data }) // 获得这个实例上的属性 // 返回源数据中对应的字段 vm.a == data.a // => true // 设置属性也会影响到原始数据 vm.a = 2 data.a // => 2 // ……反之亦然 data.a = 3 vm.a // => 3  数据改变时，视图会进行重渲染.只有当实例被创建时就已经存在于 data 中的属性才是响应式的。 //方法可以冻结一个对象。一个被冻结的对象...

vue实例 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中 var vm = new Vue({ data: data }) // 获得这个实例上的属性 // 返回源数据中对应的字段 vm.a == data.a // => true // 设置属性也会影响到原始数据 vm.a = 2 data.a // => 2 // ……反之亦然 data.a = 3 vm.a // => 3  数据改变时，视图会进行重渲染.只有当实例被创建时就已经存在于 data 中的属性才是响应式的。 //方法可以冻结一个对象。一个被冻结的对象...