发布于 

回顾和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图片个数长度

swiper轮播插件:

https://www.swiper.com.cn