11 2015 档案

设计模式——各种继承方式
摘要：一、原型继承B.prototype=new A; 子类的原型等于父类的一个实例把父类A中私有的属性和公有的属性都继承过来，变为子类B中公有的属性 function A() { this.x = 100; } A.prototype = { ... 阅读全文
posted @ 2015-11-30 14:59 cataway 阅读(683) 评论(0) 推荐(0)
设计模式——原型链模式之在原型上设置属性
摘要：function Fn(num) { this.x = num;}一、给Fn.prototype起一个别名 var pro = Fn.prototype; pro.getX = function () { } pro.setX = fu... 阅读全文
posted @ 2015-11-25 23:17 cataway 阅读(763) 评论(0) 推荐(0)
设计模式——原型链模式
摘要：原型链模式(继承\在内置类的原型上扩展方法)构造函数模式虽然实现了我们的批量生产和实例识别，但是不能把一些方法提取成公有的方法基于构造函数模式的原型链模式 function CreateJsPerson(name) { this.name = name; this.b ... 阅读全文
posted @ 2015-11-25 22:52 cataway 阅读(727) 评论(0) 推荐(0)
设计模式——构造函数模式
摘要：工厂模式虽然实现了批量生产，但是不能进行品牌的区分-->"实例识别"对象：一个泛指，js中万物皆对象类：对象的一个具体的细分实例：类中一个具体的事物例如：自然界中万物皆对象，我们把自然中的事物分为了几大类：人类、动物类、植物类...而每一个人都是我们人类中的一个实例我们想学习js，我们需要给js分类... 阅读全文
posted @ 2015-11-25 21:51 cataway 阅读(420) 评论(0) 推荐(0)
设计模式——工厂模式
摘要：单例模式虽然实现了分组，但是还处于手工作业模式，不能实现批量的生产工厂模式实现一个方法，把实现同一个功能的代码进行封装，以后再想实现这个功能，就不需要再重新编写这些代码了，直接的执行这个方法即可作用：减少页面当中的冗余代码，提高代码的重复利用率--"低耦合高内聚"函数的封装：把相同的代码放在一个函数... 阅读全文
posted @ 2015-11-24 22:40 cataway 阅读(227) 评论(0) 推荐(0)
设计模式——单例模式
摘要：用基本数据类型来描述一件事物，需要把每一个特性都当做单独的变量进行存储，这样的话，后面如果另外一件事物的特性和这一件一样了，就会把这一件的替换掉--->全局变量的冲突，后面的会把前面的覆盖掉 var name = "A小伙伴"; var age = 11; var name = "B... 阅读全文
posted @ 2015-11-24 21:03 cataway 阅读(141) 评论(0) 推荐(0)
BOM——window下的一些常用的属性和事件
摘要：window.onload window.location.href window.open window.onunload... 阅读全文
posted @ 2015-11-23 23:48 cataway 阅读(202) 评论(0) 推荐(0)
BOM——定时器
摘要：window.setInterval([function],[interval]);setInterval:设置一个定时器，当到达指定时间[interval]的时候，执行[function]，并且以后每隔这么长的时间都重新执行一次[function]window.setTimeout([functi... 阅读全文
posted @ 2015-11-23 22:48 cataway 阅读(627) 评论(0) 推荐(0)
BOM——检测浏览器
摘要：检测浏览器 阅读全文
posted @ 2015-11-23 22:47 cataway 阅读(177) 评论(0) 推荐(0)
DOM——实战案例
摘要：见github 阅读全文
posted @ 2015-11-22 00:28 cataway 阅读(134) 评论(0) 推荐(0)
DOM——DOM2级事件的兼容处理
摘要：DOM2级事件的兼容处理(bind、unbind、on、off、run)->this、重复、顺序function bind(ele,type,handler){ if(ele.addEventListener){ ele.addEventListener(type,handler,false); ... 阅读全文
posted @ 2015-11-22 00:27 cataway 阅读(612) 评论(0) 推荐(0)
DOM——DOM事件
摘要：DOM0事件var oDiv = document.getElementById("div1");当我们触发oDiv这个元素本身的click行为的时候，会让后面的function执行:不仅仅是执行，而且我们的浏览器还会默认为这个方法传递一个参数值-->我们一般会给它设置一个形参接收(当然是用argu... 阅读全文
posted @ 2015-11-22 00:18 cataway 阅读(218) 评论(0) 推荐(0)
DOM——js盒子模型
摘要：js盒子模型-->浏览器提供一些获取盒子位置信息的属性和方法1、clientWidth/clientHeightclientWidth:width+左右paddingclientHeight:height+上下padding2、clientTop/clientLeftclientTop:上边框的高度... 阅读全文
posted @ 2015-11-21 23:51 cataway 阅读(2175) 评论(0) 推荐(0)
DOM——映射、回流、重绘
摘要：innerHTML、appendChild、createDocumentFragment、数据异步加载(Ajax) ->大数据绑定 阅读全文
posted @ 2015-11-21 23:41 cataway 阅读(326) 评论(1) 推荐(0)
DOM——操作元素的方法
摘要：获取元素的方法、节点、节点之间关系的属性、DOM的动态增删 阅读全文
posted @ 2015-11-21 23:40 cataway 阅读(180) 评论(0) 推荐(0)
ECMAScript——引用数据类型之操作语句
摘要：总结：if判断、三元运算符、switch case(=、==、===的区别)for(break continue)、for in、while、do while循环 阅读全文
posted @ 2015-11-21 23:38 cataway 阅读(156) 评论(0) 推荐(0)
ECMAScript——引用数据类型之function关于call和apply
摘要：call、apply：作用：1、改变函数中的this，把第一个形参的值作为当前函数的this2、让当前的函数执行例如：fn.call(obj) 让fn中的this变为obj，然后在让fn函数执行区别：在给函数传递参数的时候,call是一个个传，apply是把需要传递的参数放到一个数组中，一起传进去函... 阅读全文
posted @ 2015-11-21 23:35 cataway 阅读(221) 评论(0) 推荐(0)
ECMAScript——引用数据类型之function
摘要：function 阅读全文
posted @ 2015-11-15 18:54 cataway 阅读(142) 评论(0) 推荐(0)
ECMAScript——引用数据类型之date
摘要：date 阅读全文
posted @ 2015-11-15 18:53 cataway 阅读(141) 评论(0) 推荐(0)
ECMAScript——引用数据类型之RegExp
摘要：ECMAScript——引用数据类型之object 阅读全文
posted @ 2015-11-15 18:52 cataway 阅读(166) 评论(0) 推荐(0)
ECMAScript——引用数据类型之array
摘要：array 阅读全文
posted @ 2015-11-15 18:51 cataway 阅读(140) 评论(0) 推荐(0)
ECMAScript——引用数据类型之object
摘要：object 阅读全文
posted @ 2015-11-15 18:50 cataway 阅读(135) 评论(0) 推荐(0)
ECMAScript——基本数据类型之null和undefined
摘要：null属于当前的值为空,以后会给其赋值的 typeof null --> "object"undefined属于非人为设置,意料之外的没有 typeof undefined -->"undefined"1、null 1)在定义变量的时候手动的设置为null var _temp=null; ... 阅读全文
posted @ 2015-11-14 16:03 cataway 阅读(187) 评论(0) 推荐(0)
ECMAScript——基本数据类型之boolean
摘要：布尔类型中 true/false !：首先将其他的数据类型转换为boolean类型，然后在把得到的布尔值取反 !3 --> false !!：将其他数据类型转换为布尔类型 和Boolean()效果一样 !!"cataway" -->true将其他的数据类型转化为布尔类型，遵循下面的这个规律：只有... 阅读全文
posted @ 2015-11-14 16:02 cataway 阅读(168) 评论(0) 推荐(0)
ECMAScript——基本数据类型之string
摘要：在控制台console.dir(String.prototype)一下，发现String.prototype上的方法挺多的，按功能分类大概列举一下常用方法：var str = "cataway2015";1、charAt(index)：通过索引index获取指定位置的字符console.log(st... 阅读全文
posted @ 2015-11-14 16:01 cataway 阅读(213) 评论(0) 推荐(0)
ECMAScript——基本数据类型之number
摘要：number：正数、负数、0、小数、NaNNaNNaN：no a number，但是属于number类型 type of NaN --> "number" NaN和NaN是不相等的 NaN==NaN --> falseisNaN：检测一个值是否是有效数字，是返回false，否返回true co... 阅读全文
posted @ 2015-11-14 15:16 cataway 阅读(284) 评论(0) 推荐(0)
ECMAScript——命名规范
摘要：1、js中是严格区分大小写的test和Test是两个名字2、使用驼峰命名法第一个首字母小写，其余每一个有意义的单词的首字母都要大写可以使用字母、数字、下划线、$命名，但是数字不能作为开头，如：学生信息： studentInfo studentInfo2人员的重要信息： personImportInf... 阅读全文
posted @ 2015-11-14 14:28 cataway 阅读(1425) 评论(0) 推荐(0)