摘要:
1.单例模式解释 单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象。 2.应用场景举例 登录页购物车 阅读全文
摘要:
gIt rebase 的三种作用 1.拉代码rebase 2.合并分支rebase 3.处理commit提交记录 1.拉取代码rebase 正常我们在拉取远程代码时使用 git pull git pull git fetch + giet merge 是使用fast-forwad模式,如果出现冲突后 阅读全文
摘要:
1.工厂模式解释 工厂模式定义一个用于创建对象的接口,这个接口集成多个子类的接口,可以选择性的构建对应的子类实例 2.应用场景举例 对象的构建十分复杂 需要依赖具体环境创建不同实例 处理大量具有相同属性的小对象 3.代码解释 子类实现 var page = page || {}; page.dom 阅读全文
摘要:
1.构造函数模式解释 构造函数用来创建特定的实例,具有特定的参数属性和方法。 2.代码解释 1.基本构造函数 function Person(sex, age, weight) { this.sex = sex this.age = age this.weight = weight this.say 阅读全文
摘要:
先理解 转义符号 \ 去掉符号的原来意义 RegExp有两种创建方式1.直接量2.new RegExp 表达式 //表达式 i 忽视大小写 g 全局匹配 m 执行多行匹配 /abc/igm test 返回是否匹配 布尔值 match 返回匹配的值 数组 /[]/ []是范围 /[0-9A-Za-z] 阅读全文
摘要:
文档加载事件意义,看下面例子 document.addEventListener('DOMContentLoaded', function() { }) $(document).ready(function() { }) //文档解析完(只解析domTree,不加载资源) window.onload 阅读全文
摘要:
绑定事件处理 1.ele.onxxxx = function() {} 兼容性很好,但是一个元素上同一事件只能绑定一次处理函数 等同于写在HTML的行间上 this指向dom 2.ele.addEventListener(type, fn, false) IE9以下不兼容,可以在一个事件上绑定多个处 阅读全文
摘要:
通过js给dom样式 dom.style.prop 关键字 float前面加css例如: dom.style.cssFloat 查询计算样式 window.getComputedStyle(ele, null) IE8及以下不兼容 获取伪元素的样式 window.getComputedStyle(e 阅读全文
摘要:
DOM基本操作 查看滚动条的滚动距离 window.pageXOffset / window.pageYOffset IE8及IE8以下不兼容 document.body/document.documentElement.scrollLeft / scrollTop 兼容性比较混乱,用时取两个值相加 阅读全文
摘要:
DOM(Document Object Modal),DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM是对HTML以及XML的标准编程接口 Document 对象,每个载入浏览器的 HTML 文档都会成为 D 阅读全文