自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 【API.三】

原理是利用事件冒泡的特点,给父元素注册事件,当我们触发子元素时,会冒泡到父元素身上,从而触发父元素事件,这样可以减少注册次数,提高程序性能。原因:因为默认是冒泡的,所以容易导致父级元素被影响,若想把事件限制在当前元素内,就需要阻止冒泡。注意:这个方法本质上是阻断事件流动传播,所以不光在冒泡阶段有效,捕获阶段也有效。捕获:从父到子 冒泡:从子到父 (实际工作中以冒泡为主)其他:鼠标经过事件:mouseover、mouseout有冒泡效果。说明:触发事件时,会经历两个阶段:捕获、冒泡。

2023-04-04 09:38:47 129

原创 选项卡切换(事件委托版-----代替for循环)

【代码】选项卡切换(事件委托版-----代替for循环)

2023-04-03 16:31:43 87

原创 表单全选反选案例

【代码】表单全选反选案例。

2023-04-02 14:14:47 112

原创 【API二】DOM事件基础

事件监听(绑定事件、注册事件):让程序检测是否有事情发生,一旦有事件触发,立即调用一个函数做出响应(比如鼠标经过,输入框变红)事件对象:一个对象,里面有事件触发的相关信息(比如按下的是回车键),就是事件绑定的回调函数的第一个参数。回调函数本质还是函数,只不过把它当成参数使用,匿名函数作为回调函数比较常见。指的是函数内部特殊的变量this,它代表着当前函数运行时所处的环境。如果将函数A作为参数传递给函数B时,称函数A为回调函数。事件监听三要素:事件源、事件类型、事件调用的函数。焦点事件:表单,小米搜索框。

2023-04-02 13:45:26 68

原创 API二.综合案例之tab切换

【代码】API二.综合案例之tab切换。

2023-04-02 12:59:01 119

原创 回车发布评论案例 + 统计字数 + trim()

【代码】回车发布评论案例 + 统计字数 + trim()

2023-04-02 12:16:08 286

原创 小米搜索框----焦点事件

【代码】小米搜索框----焦点事件。

2023-04-02 09:51:41 79

原创 轮播图完整版案例 ---鼠标事件(巧妙利用定时器)

自动切换下一张图片,当鼠标放在页面上,页面停止;鼠标离开,页面继续换图。能够点击切换上一张、下一张图片。

2023-04-02 09:33:53 240

原创 随机点名案例 事件监听+定时器

【代码】随机点名案例 事件监听+定时器。

2023-04-01 22:25:33 39

原创 【API六】正则表达式

是用于匹配字符串中字符组合的模式。通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式。2.3 字符类 [abc]匹配字符集合,后面字符只要包含abc中任意一个字符,都返回true。①边界符(表示位置、开头、结尾) ②量词(表示重复次数) ③字符类(比如\d表示0~9)1.1.2 esec()方法,在一个指定字符串中执行一个搜索匹配 返回的是数组。元字符(特殊字符),是具有特殊含义的字符,极大提高了灵活性和匹配功能。介绍,语法,元字符(重点),修饰符。

2023-04-01 21:58:46 176

原创 替换敏感词

如果用户输入内容有激情、基情,替换为**

2023-04-01 19:51:58 100

原创 正则表达式之判断输入

要求输出的长度在6到16,并且是由大/小写字母或者数字横杠下划线组成。

2023-04-01 19:22:54 59

原创 【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

原创 打印99乘法表

效果如图,实现思想:i控制行,j控制列,行列是完全相等的,所以j从1开始遍历到i。注意:空格不能加在j循环里面!

2023-03-29 22:10:25 42

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除