二、事件流程 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 181 | 时长 ≈ 1 分钟二、事件流程整个事件流程分为:捕获和冒泡。捕获:事件从最顶层元素开始执行,一层一层往下,直到最精确的元素。冒泡:事件从最精确的元素开始执行,一层一层往上,直到最顶层元素。当处于最精确元素的时候是不区分捕获和冒泡的。DOM结构:12345<div id="box"> <div ...阅读全文 »
一、call和apply 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-02 | | 字数: 352 | 时长 ≈ 1 分钟一、call和apply函数中的this在定义的时候,无法确定,只有当函数执行的瞬间,this才能确定下来。简单来说,就是:谁调用,指向谁举例:12345678910111213<body style="height:500px">// 定义函数function fun(a, b, c) ...阅读全文 »
四、animate函数 发表于 2020-07-13 | 更新于: 2020-07-15 | 分类于 web前端 , JavsScript , JS进阶-01 | | 字数: 462 | 时长 ≈ 2 分钟四、animate函数12345678#box { width: 100px; height: 100px; background-color: red; position: absolute; top: 50px; left: 50px;}1 ...阅读全文 »
三、jquery中的元素操作 发表于 2020-07-13 | 更新于: 2020-07-15 | 分类于 web前端 , JavsScript , JS进阶-01 | | 字数: 1.2k | 时长 ≈ 5 分钟三、jquery中的元素操作3.1 创建元素可以使用$()函数的功能来创建元素1var $div = $("<div class='aaa', id='aaa', data-info='nihao'>今天天气很好</div>");3.2 上树jquery中的上树方法有很多种, ...阅读全文 »
二、元素操作 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-01 | | 字数: 708 | 时长 ≈ 3 分钟二、元素操作2.1 创建元素document.createElement(type)使用方式:document.createElement(type)type:元素类型(标签名字符串)返回值:创建出来的元素1234// 创建元素// 我们可以使用DOM提供相应的API,来创建元素var p = do ...阅读全文 »
一、DOM 发表于 2020-07-13 | 更新于: 2020-07-14 | 分类于 web前端 , JavsScript , JS进阶-01 | | 字数: 1.3k | 时长 ≈ 5 分钟一、DOM1234可以通过DOM的getElementById来获取元素可以通过DOM的onclick、onmouseenter、onmouseleave等来添加事件可以通过DOM的style来设置样式……1.1 DOM的组成DOM是由节点组成的。元素/标签(在html中称为标签,在js中称为元素) ...阅读全文 »
二十九、案例:碎图轮播图 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 2.3k | 时长 ≈ 12 分钟二十九、jquery项目:碎图轮播图29.1 html123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 ...阅读全文 »
二十八、each()方法 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 186 | 时长 ≈ 1 分钟二十八、each()方法28.1 第一种使用方式:对象.each(funvtion(){})对象.each(funvtion(){}) 接受一个参数就是匿名函数1234// 使用each遍历$("li").each(function(i){ console.log(i);} ...阅读全文 »
二十七、this()方法 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 246 | 时长 ≈ 1 分钟二十七 this()方法27.1 this表示触发事件的对象each()方法的参数是一个函数,函数中的this表示遍历到的该对象。普通函数中也有this,如果当前函数自执行,this指向window。举例:123456789101112131415161718// 添加点击事件$("#btn").c ...阅读全文 »
二十六、函数节流 发表于 2020-07-08 | 更新于: 2020-07-08 | 分类于 web前端 , JavsScript , JS基础-DOM | | 字数: 318 | 时长 ≈ 1 分钟二十六、函数节流26.1 函数节流,设一个变量lock函数节流:可以使一些频繁触发的函数事件受到限制,可以使函数在一定的时间之内满足,或者满足某些条件之后再去执行。设一个变量lock,取值是布尔值var lock = true 函数可以执行lock = false 函数不可以执行举例:1234567 ...阅读全文 »