自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 手写Promise

1.旧的:必须在启动异步任务前指定启动异步任务=>返回promie对象=>给promise对象绑定回调函数(甚至可以在异步任务结束后指定/多个)1.什么是回调地狱?回调函数嵌套调用,外部回调函数异步执行的结果是嵌套的回调执行的条件2.回调地狱的缺点?不便于阅读不便于异常处理3.解决方案?promise链式调用。......

2022-08-15 17:46:34 80 1

原创 正则表达式

正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段我们主要是利用 JavaScript 正则表达式完成表单验证。1. 灵活性、逻辑

2022-06-12 22:23:09 669

原创 网页轮播图制作思路及其源码

轮播图也称为焦点图,是网页中比较常见的网页特效。 功能需求: 鼠标经过轮播图模块,左右按钮显示,离开隐藏左右按钮。 点击右侧按钮一次,图片往左播放一张,以此类推, 左侧按钮同理。 图片播放的同时,下面小圆圈模块跟随一起变化。 点击小圆圈,可以播放相应图片。 鼠标不经过轮播图, 轮播图也会自动播放图片。 鼠标经过,轮播图模块, 自动播放停止。 不想看案例分析大家可以直接看下面的源码,分为 index.js和 animate.js。 需要的自取,复制过后,改一下你的类名就可以用了。好用记得点赞哦

2022-06-09 20:43:06 1631

原创 三大系列(offset、 client、scroll)

offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意: 返回的数值都不带单位 client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该

2022-06-09 12:49:50 143

原创 DOM事件高级操作

event对象代表事件的状态,跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent。事件除了使用鼠标触发,还可以使用键盘触发。注意: 1. 如果使用addEventListener 不需要加 on onkeypress 和前面2个的区别是,它不识别功能键,比如左右箭头,shift 等。 三个事件的执行顺序是: keydown -- keypress --- keyup...

2022-06-02 17:18:16 100

原创 DOM事件流

事件流描述的是从页面中接收事件的顺序。 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即 DOM 事件流。 比如我们给一个div 注册了点击事件:DOM 事件流分为3个阶段: 1. 捕获阶段 2. 当前目标阶段 3. 冒泡阶段 事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即 DOM 事件流。注意 1.JS 代码中只能执行捕获或者冒泡其中的一个阶段。2.onclick 和 attachEvent 只能得到冒泡阶段。3.addEventListener(type, listener[

2022-06-02 13:18:27 61

原创 DOM 重点核心(创建、增、删、改、查.....)

1.document.write2.innerHTML3.createElement二 增加元素appendChildinsertBefore三、 删除元素removeChild四、修改元素主要修改dom的元素属性,dom元素的内容、属性, 表单的值等1.修改元素属性: src、href、title等2.修改普通元素内容: innerHTML 、innerText3.修改表单元素: value、type、disabled等4.修改元素样式: style、classNa

2022-06-01 21:15:44 137

原创 DOM-节点操作中三种创建元素的区别

DOM-节点操作中三种创建元素的区别

2022-06-01 20:46:41 110

原创 前端DOM-排他思想

如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:

2022-06-01 15:15:00 245 1

空空如也

空空如也

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

TA关注的人

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