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)
网友评论