回顾和BOM模型最后一部分
回顾
xx元素.style.left = - 200 * i + ‘px’
xx元素.style.left=‘translateX( - ’ + 24*i + ’ % )’
定时器设置全局变量以防反复创建
assign（url）
localStorage.setlten对象
sessionStorage对象
| history对象： 【了解：浏览器历史记录】 | ||
|---|---|---|
| history.back:后退一步 | ||
| .forward():前进一步 | ||
| .go(n)：后退（n为负时）或前进（n为正时）n步 |
| navigator对象： 【了解：浏览器的名字版本号。。。。。】 |
|---|
| 使用：navigator.userAgent：获取到浏览器的信息（字符串） |
ocalStorage对象
| localStorage.setItem( ‘key名称’, ‘值’ )以给定的键（key）存储一个数据【只能存字符串】 |
|---|
| localStorage.getItem( ‘key名称’ )获取指定键（key）对应的数据 |
| localStorage.removeItem( ‘key名称’ )删除（key）对应的数据 |
client系列：（不属于html属性？div？）
除了：scrollTop 和scrollLeft------只读不可修改
xx元素.clientWidth: 盒子padding范围（含padding）的宽度
xx元素.clientHeight:盒子padding范围（含padding）的高度
xx元素.clientLeft:
offset系列：（不可修改？）
scroll系列：
top（有用，定位用。滑块位置没有单位）
移动端
原生：
touchstart： 触摸开始事件
touchmove： 触摸移动事件
touchend： 触摸结束事件
【不会用到】
移动端事件绑定推荐用addEventListener（）方式
’使用第三方封装‘
触摸点信息的途径或方式：
事件处理函数传入参数（event）event.触摸点[i]【是个伪数组】
三个触摸集合：
e.touches:代表所有触摸点，是一个集合
e.targetTouches:代表当前绑定事件的某个元素（对象）上的所有触摸点，是一个集合。
e.changedTouches: 代表当前变换了的触摸点
总结：
关于移动端获取事件的信息的基本对象层级结构：
event对象》》触摸点集合》》触摸点》》触摸点属性
封装tap事件
**tap事件的特征是：**x坐标和y坐标的差值，都足够小
左划事件: x y 差值，< - 15;
**右划事件：**x y 差值 > 15;
触摸开始
触摸接触
transitionend（过渡完成）事件：
过渡：表示过渡效果执行完成的那个时刻。
xx元素.children.length图片个数长度