- 博客(6)
- 收藏
- 关注
原创 本地存储(学习笔记)
文章目录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关注的人