javascript移动端特效和本地存储

触屏touch事件

touchstart    手指触摸到一个DOM元素时触发
touchmove  手指在一个DOM元素上滑动时触发
touchend     手指从一个DOM元素上移开时触发

触摸事件对象( TouchEvent )

touches   正在触摸屏幕的所有手指的一个列表
targetTouches   正在触摸当前DOM元素上的手指的一个列表
changedTouches  手指状态发生了改变的列表,从无到有,从有到无变化

 e.preventDefault();    阻止屏幕滚动的默认行为

classList的使用

div.classList.add('one');添加一个类

div.classList.remove('none');删除一个类

div.calssList.toggle('nonw');切换一个类

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/getYear

3.3 Swiper 插件的使用

中文官网地址: https://www.swiper.com.cn

本地存储

window.sessionStorage

存储数据∶sessionStorage.setltem(key, value)
获取数据︰sessionStorage.getltem(key)
删除数据︰sessionStorage.removeltem(key)

删除所有数据∶sessionStorage.cleaq()

localStorage

存储数据∶localStorage.setltem(key, value)
获取数据︰localStorage.getltem(key)
删除数据︰localStorage.removeltem(key)

删除所有数据∶localStorage.cleaq()

区别:就是local可以一直存在,而sessionStorage  关闭数据就不在了

上一篇:localStorage使用总结


下一篇:HTML5 Web存储