摘要：
一、json 遍历 for in 关键字 for ( 变量 in 对象) { 执行语句; } 例如： var json = {width:200,height:300,left:50}console.log(json.width);for(var k in json){ console.log(k) 阅读全文
摘要：
一、 js 常用访问CSS 属性的方法 我们访问得到css 属性，比较常用的有两种： 1. 利用点语法 box.style.width box.style.top 点语法可以得到 width 属性 和 top属性 带有单位的。 100px 但是这个语法有非常大的缺陷， 不变的。 后面的width 和 阅读全文
摘要：
一、三个取整函数 这三个函数都是 数学函数 Math Math.ceil() 向上取整 天花板 比如说 console.log(Math.ceil(1.01)) 结果 是 2 console.log(Math.ceil(1.9)) 结果 2 console.log(Math.ceil(-1.3)) 阅读全文
摘要：
一、轮播图无缝滚动 1、获取元素，动态生成节点 2、匀速运动动画 3、调用动画函数 4、添加定时器，自动播放 阅读全文
摘要：
一、动画的原理 动画的基本原理 ： 让盒子的 offsetLeft + 步长 Math.abs(-5) 取绝对值函数 二、匀速运动封装函数 阅读全文
摘要：
一、选中文字弹出提示框 选择文字： 这个弹出的层 选中的时候不出来，弹起鼠标的时候才出现 。 所以这个的事件一定是 onmouseup ，盒子显示而且盒子的位置 在 鼠标的 clientX 和 clientY 一模一样 用来判断选择的文字 二、获得用户选择内容 window.getSelection 阅读全文
摘要：
一、冒泡原理 事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。 顺序 E 6.0: div -> body -> html -> document 其他浏览 阅读全文
摘要：
一、轮播图的原理： 一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过计算偏移量利用定时器实现自动播放，或通过手动点击事件切换图片。 二、Html布局 首先父容器container存放所有内容，子容器list存放图片。子容器buttons存放按钮小圆点。 优化，无缝滚动。 当你 阅读全文
摘要：
-->鼠标事件-->event事件对象-->默认事件-->键盘事件（keyCode）-->拖拽效果 一、鼠标事件 onclick 鼠标点击事件oncontextmenu 鼠标右键点击onmouseover 鼠标移上onmouseout 鼠标移出onmousedown 鼠标按下onmousemove 阅读全文
摘要：
一、offset家族 1、offsetWidth offsetHeight offsetLeft offsetTop offsetParent共同组成了offset家族，用来获取元素尺寸。 offsetWidth = width + padding + border offsetHeight = h 阅读全文
摘要：
一、client 可视区域 offsetWidth: width + padding + border （披着羊皮的狼） clientWidth： width + padding 不包含border scrollWidth: 大小是内容的大小 二、检测屏幕宽度(可视区域) 1、ie9及其以上的版本 阅读全文
摘要：
scrollTo(x,y)//可把内容滚动到指定的坐标scrollTo(xpos,ypos)//x,y值必需 1、固定导航栏 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>固定导航栏</ 阅读全文
摘要：
一、scroll家族 offset 自己的偏移scroll滚动的 scrollTop和scrollLeftscrollTop 被卷去的头部当滑动滚轮浏览网页的时候，网页隐藏在屏幕上方的距离二、页面滚动效果事件window.onscroll=function(){页面滚动语句}三、获取scrollTo 阅读全文
摘要：
假期结束，继续学习！ 拖动弹出框效果 阅读全文
摘要：
js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout，很容易就会想到setInterval，因为这两个用法差不多，但是又有区别，今天一起总结了 阅读全文
摘要：
1、webstrom 11.0.3下载地址1：http://pan.baidu.com/s/1kVQjcwf 密码：uggr 下载地址2：http://pan.baidu.com/s/1kVQjcwf，点击DOWNLOAD即可下载 2、webstrom11激活 选择“license server” 阅读全文
摘要：
一、事件对象事件：onmouseover、 onmouseout、 onclickevent //事件的对象 兼容写法：var event = event || window.event; event常见属性，如下表： 属性 作用 data 返回拖拽对象的URL字符串（dragDrop） width 阅读全文