- 博客(21)
- 收藏
- 关注
原创 【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关注的人