手指信息，本地存储

Posted 2021-01-05 mapsxy

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