JOSN JSON是一种数据格式，是JavaScript Object Notation的缩写。JSON作为JavaScript的一个严格子集，使用了JavaScript中的一些模式来表示结构化数据。 ❏ 简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和null。但JSON不支持JavaScript中的特殊值undefined。 ❏ 对象：对象作为一种复杂数据类型，表示的是一组无序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。 ❏ 数组：数组也是一…
当我们需要计算整个数组的值的时候，最先想到的方式是循环数组，然后逐个相加减： const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var sum0 = 0; for (let index = 0; index < arr.length; index++) { sum0 = sum0 + arr[index]; } console.log(sum0) // 55 ES5新增的reduce()和reduceRight()，来归并数组【也可以说是迭代数组的所有项，…
JavaScript中常见的设计模式 工厂模式 提供一个创建实例的功能，不需要关心具体的实现。被创建的实例的类型可以是接口，也可以是抽象类或者具体类。 命名规范 类名称:模块名称+Factory 方法名称：get+接口名称或者create + 接口名称 简单工厂 例如：假设这是一个汽车店，多种型号的汽车出售 function CarShop(){} CarShop.prototype = { carsell:function(model){ var cars; switch (model) { //类型A case…
在函数（类）的内部通过this(函数内部自带的一个变量)变量添加属性或者方法来实现对类添加属性或者方法。 通过this添加属性、方法是在当前对象上添加，JavaScript是一种基于原型prototype的语言，每创建一个对象时，都会有一个原型prototype用于指向它继承的属性、方法。 然而通过prototype继承的方法并不是对象本身的，在使用这些方法时，是通过prototype一层一层查找到的。 var book = function(id,bookname,price){ this.id = id; th…
原型模式 就是用原型实例指向创建对象的类，主要用于新的对象的类共享原型对象的属性以及方法。 简单实例： /** * 图片轮播类 */ var LoopImages = function(imgArr,container){ this.imagesArray = imgArr; this.container = container; } LoopImages.prototype = { //创建轮播图 createImage:function(){}, //切换图片 changeImage:function(){} …
结构型设计模式关注如何把类或者对象组合成为更大、更复杂的结构，简化设计。包含：外观模式、适配器模式、代理模式、装饰者模式、桥接模式、组合模式、享元模式 外观模式（套餐服务）Facade 为一组复杂的子系统接口提供一个更高级的统一接口，通过该接口对I系统接口的访问更容易。 例如： /** * 外观者模式 * @param {*} dom * @param {*} type * @param {*} fn */ function addEvent(dom,type,fn){ if (dom.addEventListen…
技巧型设计模式是I通过一些特定技巧来解释组件的某些问题。主要包含链模式、委托模式、数据模式、数据访问对象模式、节流模式、简单模板模式、惰性模式、参与者模式、等待者模式。 链模式 在对象方法中将当前对象返回，实现了对同一个对象多个方法链式调用。简化了在对对象多个方法的多次调用时，对该对象多次引用。在jQuery的使用中，链式调用是最平不过了。 /** * 链模式 * 元素获取的模式 * @param selector 选择符 * @param context 上下文 */ var Dom = function(sel…
指的是一类框架结构，通过提供一些子系统，指定它们的职责，并且将它们调理清晰组织在一起。主要包含了同步模块模式、异步模块模式、Widget模式、MVC模式、MVP模式、MVVM模式 模块化 把复杂的系统分解为高内聚、低耦合的模块，让系统开发变得可控、可维护、可拓展，提高模块的复用率。 同步模块模式（SMD） 请求发出以后，不论模式是否存在。立即执行后续的逻辑，实现模块开发中对模块的立即引用。 模块管理与创建方法 /*** * 同步模块模式 */ //定义模块管理单体对象 var F = F || {}; /** * …
let let命令用于声明变量，它声明的变量只在let命令所在的代码块有效。 let命令声明变量不存在变量提升的情况，var命令会存在变量提升的情况，就是在变量声明之前可以使用，值为undefined；let声明的变量一定在声明后使用，否则报错。 在块级作用域内存在let命令，那么它所声明的变量就只能在该作用域内有效。不受到外部影响。 let 不允许在同作用域声明同一个变量； const 声明一个只读的常量。声明变量必须初始化。 const pi = 3.1415; console.log(pi); //3.141…
浏览器的内核分成两个部分，一个渲染引擎，另一个是JS引擎。不同的浏览器的渲染引擎不同（不同的浏览的内核不同）。 浏览器工作的流程： 1）浏览器解析内容： HTML/SVG/XHTML，解析这三种文件会生成一个DOM Tree（DOM 树） CSS,解析CSS，产生了CSS规则树 JavaScript脚本，主要是通过DOM API和CSSOM API来操作DOM Tree和CSS Rule Tree。 2）解析结束后，浏览器引擎则通过DOM Tree 和CSS Rule Tree来构建Rendering Tree。 …
