摘要:
1、clientHeight:表示的是可视区域的高度,不包含border和滚动条; 2、offsetHeight:表示的是可视区域的高度,包含了border和滚动条 3、scrollHeight:表示了所有区域的高度,包含了因为滚动被隐藏的部分; 4、clientTop:表示边框border的厚度, 阅读全文
摘要:
改变函数内部this指针的指向函数: 通过apply和call改变函数的this指向,他们两个函数的第一个参数都是一样的表示要改变指向的那个对象,第二个参数,apply是数组,而call则是arg1,arg2...这种形式。通过bind改变this作用域会返回一个新的函数,这个函数不会马上执行。 c 阅读全文
摘要:
new操作符新建了一个空对象,这个对象原型指向构造函数的prototype,执行构造函数后返回这个对象 1、创建一个空的对象 2、链接到原型 3、绑定this指向,执行构造函数 4、确保返回的是对象 new过程一共有四个步骤: 题目解析 先看代码 var Func=function(){ }; va 阅读全文
摘要:
mouseover:当鼠标移入元素或其子元素都会触发事件,所以有一个重复触发,冒泡过程。对应的移除事件是mouseout mouseenter:当鼠标移除元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移除事件是mouseleave mouseover和mouseenter的异同体现 阅读全文
摘要:
预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 懒加载:懒加载的主要目的是作为服务器前端的优化,减少请求数或延迟请求数。 两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。 懒加载对服务器前端有一定的缓解压力作用,预加载 则会增加服务器前端压力。 懒加载: i 阅读全文
摘要:
事件委托 事件委托指的是,不在事件的发生地(直接dom)上设置监听函数,而是在其父元素上设置监听函数,通过事件冒泡,父元素可以监听到子元素上事件的触发,通过判断事件发生元素DOM的类型,来做出不同响应。 举例:最经典的就是ul和li标签的事件监听,比如我们在添加事件时候,采用事件委托机制,不会在li 阅读全文
摘要:
在DOM标准事件模型中,是先捕获后冒泡。但是如果要实现先冒泡后捕获的效果,对于同一事件,监听捕获和冒泡,分别对应响应的处理函数,监听到捕获事件,先暂缓执行,直到冒泡事件被捕获后再执行捕获事件。 阅读全文