- 博客(6)
- 收藏
- 关注
RSS订阅原创 本地存储（学习笔记）
文章目录1. 本地存储2. window.sessionStorage3. window.localStorage1. 本地存储本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新也不会丢失数据容量较大，sessionStorage 约 5M、localStorage 约 20M只能存储字符串，可以将对象 JSON.stringify() 编码后存储2. window.sessionStorage1、生命周期为关闭浏览器窗口2、在同一个窗口（页面）下数据可以共享3、以键值对
2020-09-17 10:59:44
282
原创 移动端网页特效(学习笔记)
文章目录1. 触屏事件1.1 触屏事件概述案例理解1.2 触摸事件对象（TouchEvent）1.3 移动端拖动元素案例理解1. 触屏事件1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑 JS 的兼容问题。touch 被称为触屏事件，Android 和 IOS 都有。常见的触屏事件如下：案例理解<body> <div></div> <script> // 1. 获取元素 // 2. 手指
2020-09-17 10:35:46
320
原创 PC 端网页特效（学习笔记）
文章目录1. 元素偏移量 offset 系列1.1 offset 概述1.2 offset 与 style 区别1. 元素偏移量 offset 系列1.1 offset 概述offset 翻译过来就是偏移量，我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数字都不带单位offset 系列常用属性：1.2 offset 与 style 区别...
2020-09-16 14:36:14
311
原创 BOM事件基础知识
文章目录1. BOM 概述1.1 什么是 BOM1.2 BOM 的构成1. BOM 概述1.1 什么是 BOMBOM ( Browser Object Model ) 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分。1.2 BO
2020-09-09 16:03:06
1059
原创 DOM事件高级知识
文章目录1. 注册事件（绑定事件）1.1 注册事件概述传统注册方式方法监听注册方式1.2 addEventListener 事件监听方式案例理解1.3 attachEvent 事件监听方式（仅了解即可）案例理解1. 注册事件（绑定事件）1.1 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式利用 on 开头的事件onclick<button onclick = "alert('hi~')"></button&g
2020-08-22 10:21:20
152
原创 DOM事件基础知识
1. DOM 简介1.1 什么是 DOM1.1 DOM 树DOM 把以上内容都看做是对象2.获取元素2.1如何获取元素根据 ID 获取根据标签名获取通过 HTML5 新增的方法获取特殊元素获取2.2 根据 ID 获取使用 getElementById() 方法可以获取带有 ID 的元素对象2.3 根据标签名获取使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合还可以获取某个元素（父元素）内部所有指定标签名的子元素elemen
2020-08-17 10:32:20
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人