手指信息,本地存储

transitionend 过渡结束之后会触发的事件
anmationend

TouchEvent
TouchEvent是一类描述手指在触摸平面上的状态变化的事件
1.事件
touchstart 手指按下的事件 mousedown
touchmove 手指移动的事件 mousemove
touchend 手指抬起的事件 mouseup
touchcancel 被某些原因中断的时候会触发的事件
2.手指信息
e.touches 所有的手指信息 是一个类数组
e.touches[0] 第一根手指的信息
e.targetTouches 目标的元素的信息
e.changedTouches 抬起是手指的信息
3.
screenX,screenY 手指距离屏幕的距离
clientX,clientY 手指距离时视口的距离
pageX,pageY 手指距离页面的距离
4.调试
1.先把代码放到本地服务器下面
2.win+r-------》cmd
本机ip
3.输入ipconfig 找iPv4的地址,www之前的地址换成这个地址
4.吧地址放到草料二维码里面,点击生成
//前提手机和电脑必须在同一个局域网下边
用手机扫码

本地存储
webStorage
localStorage 生命周期 痛就存在的,除非手动删除
sessionStorage 生命收起 会话级别的,当前会话窗口关闭,或者浏览器关闭之后就清空

方法
localStorage/sessionStorage.setItem(‘key,’value‘)//存值
localStorage/sessionStorage.getItem(‘key’,’value‘)//取值
localStorage/sessionStorage.removeItem(‘key‘,’value‘)//删除某一个值
localStorage/sessionStorage.clear) //清空
localStorage/sessionStorage.setItem(‘key’,’value‘)//本地存储的长度
localStorage/sessionStorage.key(i)//i是下标 取出来的是键名
localStorage/sessionStoragelength //本地存储的长度

本地存储的存储大小 5MB左右

cookie 没有上面的那些方法,需要自己去封装
跟本地存储的最大区别,它可以设置过期时间

本地存储只能存字符串
对象转字符串 JSON.stringify
字符串转对象 JSON.parse

猜你喜欢

转载自www.cnblogs.com/mapsxy/p/9612565.html