摘要: 1、生命周期永久生效,除非手动删除否则关闭页面也会存在 2、可以多窗口(页面)共享(同一浏览器可以共享) 3.以键值对的形式存储使用 存储数据: 获取数据: 删除数据: 删除所有数据: 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2022-04-16 21:55 今天穿秋裤了吗 阅读(104) 评论(0) 推荐(0)
摘要: 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 本地存储特性: 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionStorage约5M、l 阅读全文
posted @ 2022-04-16 21:37 今天穿秋裤了吗 阅读(20) 评论(0) 推荐(0)
摘要: 1.touchstart、touchmove、touchend可以实现拖动元素 ⒉但是拖动元素需要当前手指的坐标值我们可以使用targetTouches[0]里面的pageX和pageY 3.移动端拖动的原理︰手指移动中,计算出手指移动的距离。然后用盒子原来的位置+手指移动的距离 4.手指移动的距离 阅读全文
posted @ 2022-04-16 21:37 今天穿秋裤了吗 阅读(73) 评论(0) 推荐(0)
摘要: 移动端click事件会有300ms的延时,原因是移动端屏幕双击会缩放(double tap to zoom)页面。 1.禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。 2.利用touch事件自己封装这个事件解决300ms延迟。 原理: 1.当我们手指触摸屏幕,记录当前触摸时间 阅读全文
posted @ 2022-04-16 20:34 今天穿秋裤了吗 阅读(109) 评论(0) 推荐(0)
摘要: classList属性是HTML5新增的一个属性,返回元素的类名。但是ie10以上版本支持。 该属性用于在元素中添加,移除及切换CSS类。 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http- 阅读全文
posted @ 2022-04-16 09:28 今天穿秋裤了吗 阅读(108) 评论(0) 推荐(0)