- 博客(21)
- 收藏
- 关注
RSS订阅原创 【API.三】
原理是利用事件冒泡的特点，给父元素注册事件，当我们触发子元素时，会冒泡到父元素身上，从而触发父元素事件，这样可以减少注册次数，提高程序性能。原因：因为默认是冒泡的，所以容易导致父级元素被影响，若想把事件限制在当前元素内，就需要阻止冒泡。注意：这个方法本质上是阻断事件流动传播，所以不光在冒泡阶段有效，捕获阶段也有效。捕获：从父到子 冒泡：从子到父 （实际工作中以冒泡为主）其他：鼠标经过事件：mouseover、mouseout有冒泡效果。说明：触发事件时，会经历两个阶段：捕获、冒泡。
2023-04-04 09:38:47
129
原创 【API二】DOM事件基础
事件监听（绑定事件、注册事件）：让程序检测是否有事情发生，一旦有事件触发，立即调用一个函数做出响应（比如鼠标经过，输入框变红）事件对象：一个对象，里面有事件触发的相关信息（比如按下的是回车键），就是事件绑定的回调函数的第一个参数。回调函数本质还是函数，只不过把它当成参数使用，匿名函数作为回调函数比较常见。指的是函数内部特殊的变量this，它代表着当前函数运行时所处的环境。如果将函数A作为参数传递给函数B时，称函数A为回调函数。事件监听三要素：事件源、事件类型、事件调用的函数。焦点事件：表单，小米搜索框。
2023-04-02 13:45:26
68
原创 轮播图完整版案例 ---鼠标事件（巧妙利用定时器）
自动切换下一张图片，当鼠标放在页面上，页面停止；鼠标离开，页面继续换图。能够点击切换上一张、下一张图片。
2023-04-02 09:33:53
240
原创 【API六】正则表达式
是用于匹配字符串中字符组合的模式。通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。2.3 字符类 [abc]匹配字符集合，后面字符只要包含abc中任意一个字符，都返回true。①边界符（表示位置、开头、结尾） ②量词（表示重复次数） ③字符类（比如\d表示0~9）1.1.2 esec()方法,在一个指定字符串中执行一个搜索匹配 返回的是数组。元字符（特殊字符），是具有特殊含义的字符，极大提高了灵活性和匹配功能。介绍，语法，元字符（重点），修饰符。
2023-04-01 21:58:46
176
原创 【API一】（简略版）
1.2 DOM树 / 文档树--------------将html文档以树状结构直观地表达出来（直观体现了标签与标签直之间的关系）----呈现以及与任意html或xml文档交互的API（浏览器提供的一套专门用来操作网页内容的功能）在html5推出专门的data-自定义属性，标签上一律以data-开头，dom树对象上一律以dataset对象方式获取。新值换旧值，已经有了一个a类，再 'b' 类，那么b类覆盖掉a类；document对象：是DOM提供的一个对象，它提供的属性、方法都是用来访问、操作网页内容的。
2023-04-01 13:31:30
42
原创 【API五.2】本地存储（重点）
以前我们写的页面数据一刷新就没有了，随着互联网的快速发展，基于网页的应用越来越普遍，也越来越复杂。为了满足各种各样的需求，会经常在本地存储大量数据，html5规范提出了相关解决方案。②以 ' 键 ' , ' 值 ' 对的形式存储使用存储数据。②以 ' 键 ' , ' 值 ' 对的形式存储使用存储数据。作用：可以将数据永久存储在本地（用户电脑），除非手动删除，否则关闭页面也会存在。特性：①可以多窗口（页面）共享（同一浏览器可以共享）解决：将复杂数据类型转换为JSON字符串再存储到本地。
2023-03-31 08:38:11
65
原创 【API五.1】Windows对象
js先执行 执行栈中的同步任务，异步任务放入任务队列中，一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。这样所导致的问题就是：如果js执行时间过长，会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。4.3 hash属性获取地址中的哈希值，符号#后面部分 (后期vue路由的铺垫，用于不刷新页面而显示不同页面，如网易云音乐)js内置的一个让代码延迟执行的函数，setTimeout， 它只执行一次，window可省。
2023-03-31 07:25:01
162
原创 【API四.3】M端事件+swiper插件
在移动端才有效，网页端不行，只要触屏都可。移动端，触屏事件 touch。1.M端事件（了解）2.swiper插件。
2023-03-30 14:47:16
67
原创 【API四.2】DOM节点
删除节点和隐藏节点(display:none)有区别，隐藏节点还是存在的；父元素.childNodes (获得所有子节点、包括文本节点、空格、换行、注释节点等)克隆节点：元素.cloneNode(布尔值)追加节点①：插入到父元素的最后一个元素。步骤：创建一个新的节点，把创建的新节点放入到指定元素内部。DOM节点：DOM树里每一个内容都称之为节点。父元素.removeChild(要删除的元素)（仅获得所有元素结点，返回一个伪数组）追加节点②：插入到父元素中某个子元素的前面。（要插入的元素， 在元素哪个位置）
2023-03-30 14:30:45
49
原创 倒计时案例
计算到 2023.3.30 12:00:00 还有多少时间。注意：1.通过时间戳转换为ms，需要转换为s再计算。分析: ①将来时间 - 现在时间 = 剩余时间。实现一个动态倒计时的效果。静态版，未添加任何js。
2023-03-30 11:44:00
33
原创 【API四.1】日期对象+时间戳
日期对象：用来表示时间的对象，可以得到当前的系统时间1.1实例化 ①创建一个时间对象并获取当前时间 (在代码中发现new关键字，一般称为实例化)<script> const date = new Date() //实例化new consolelog(date)</script> ②获得指定时间<script> const date = new Date('2023-3-30 09:28:0
2023-03-30 10:43:57
317
原创 数组----重点掌握
unshift：数组开头添加一个或多个元素，返回的是新数组的长度。push:数组末尾添加一个或多个元素，返回的是新数组的长度。shift：删除数组开头第一个元素，并返回该元素的值。pop：删除数组最后一个元素，并返回该元素的值。
2023-03-29 22:33:37
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人