小总结1

1.防止定时器累加在设置定时器前先清除定时器

2.鼠标移上移开可用hover jquery

3.定时器缓动动画递增起始值 += (结束值 - 起始值) * 缓动系数

4.border实现三角形向上： border-width:8px;

border-style:solid;

border-color:transparent transparent #333;/*透明透明灰*/

向下： border-width:8px;

border-style:solid;

border-color:#333 transparent transparent;/*灰透明透明 */

向左： border-width:8px;

border-style:solid;

border-color:transparent #fc0 transparent transparent;/*透明黄透明透明 */

向右：border-width:8px;

border-style:solid;

border-color:transparent transparent transparent #fc0;/*透明透明透明黄*/

5.元素对象HTML DOM addEventListener()方法跟原生js中的on("事件"，函数)一致

Dom事件

resize ：浏览器被重置大小时执行Javascript代码:

load:页面载入完毕后执行

6.offset家族：offsetWidth/offsetHeight=content+padding+boder

offsetLeft/offsetTop=相对于父级的左边距/上边距(从边缘开始)注意：子绝父相

offsetParent:获取父级元素 注意：必须是有定位的父盒子遵循就近原则

parentNode和offsetParent的区别：parentNode只能找到最近上面一层无论有无定位

offsetXXX和style.XXX的区别

1.style.XXX只能获取行内可设置返回的时字符串注意:设置必须加px单位

2.offsetXXX可都获取不可设置只读返回数字

7.行内元素设置绝对定位属性=宽高及背景都会显示

8.img之间会出现间隙：解决方法设置vertical-align:top

9.scroll家族：scrollTop家族在获取之前必须监听onscroll事件（document.body.scrollTop如要兼容浏览器可用document.documentElement.scrollTop即可）

scroll家族浏览器适配问题：1.最新浏览器IE9+及其他浏览器都认为整个文档属于Window对象的，可通过Window.pageXOffset和Window.pageYOffset获得，也可以通过Window.scrollTo(x,y)将浏览器滚动条滑动到指定x,y 2未声明DTD <!DOCTYPE html> 的浏览器认为文档对象属document.body元素的。兼容写法：(var scrollTop=window.pageXOffset || document.documentElement.scrollTop ||document.body.scrollTop||0)

推荐阅读更多精彩内容