- 博客(6)
- 收藏
- 关注
原创 本地存储(学习笔记)
文章目录1. 本地存储2. window.sessionStorage3. window.localStorage 1. 本地存储 本地存储特性 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新也不会丢失数据 容量较大,sessionStorage 约 5M、localStorage 约 20M 只能存储字符串,可以将对象 JSON.stringify() 编码后存储 2. window.sessionStorage 1、生命周期为关闭浏览器窗口 2、在同一个窗口(页面)下数据可以共享 3、以键值对
2020-09-17 10:59:44
273
原创 移动端网页特效(学习笔记)
文章目录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
317
原创 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
298
原创 BOM事件基础知识
文章目录1. BOM 概述1.1 什么是 BOM1.2 BOM 的构成 1. BOM 概述 1.1 什么是 BOM BOM ( Browser Object Model ) 即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是 Netscape 浏览器标准的一部分。 1.2 BO
2020-09-09 16:03:06
1047
原创 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
149
原创 DOM事件基础知识
1. DOM 简介 1.1 什么是 DOM 1.1 DOM 树 DOM 把以上内容都看做是对象 2.获取元素 2.1如何获取元素 根据 ID 获取 根据标签名获取 通过 HTML5 新增的方法获取 特殊元素获取 2.2 根据 ID 获取 使用 getElementById() 方法可以获取带有 ID 的元素对象 2.3 根据标签名获取 使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合 还可以获取某个元素(父元素)内部所有指定标签名的子元素 elemen
2020-08-17 10:32:20
282
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人