Tsunami黄嵩粟 - 博客园

2020年12月6日

摘要： // 改变函数的this指向 // 先记住一句话 : 箭头函数不能改变this指向 // 语法1: call() 方法 // 在调用函数时使用 // 在调用的函数名称后,添加点 call // 调用函数的()中,应该赋值实参 // 第一个实参是,改变的this指向对象 // 之后的参数是原始函数本阅读全文

posted @ 2020-12-06 11:07 Tsunami黄嵩粟阅读(125) 评论(0) 推荐(0)

箭头函数中的this指向

摘要： // 箭头函数中的this指向 // 如果是箭头函数,this指向是,父级程序的,this的指向 // 如果父级程序是一个函数,函数也是有this的,那么箭头函数的this,就是父级函数的this // 如果父级程序不是函数,例如对象,数组等,没有this指向,箭头函数的this指向是window顶阅读全文

posted @ 2020-12-06 10:59 Tsunami黄嵩粟阅读(154) 评论(0) 推荐(0)

箭头函数函数中的this指向

摘要： // 箭头函数 // 在匿名函数中,使用 => 箭头来替换关键词 function // 箭头定义下 () 和 {} 之间 // 等于在使用新的关键词声明函数 // 箭头函数的主要作用是,改变函数中的 this 指向 // 为了配合构造函数语法 // 普通的匿名函数 var fun = f 阅读全文

posted @ 2020-12-06 10:10 Tsunami黄嵩粟阅读(124) 评论(0) 推荐(0)

ES6 ES6变量的声明

摘要： // ES6语法 // 是对js影响最大的一个版本更新 // 在 ES6 语法中退出了很多新的语法结构 // 就相当于 js 语言, 换了一个新的发动机 // 比如 java 等是顶级跑车帕加尼福特地狱猫 // 之前的 JavaScript 最多算是宝马Z4 // ES6 之后可以算是阅读全文

posted @ 2020-12-06 09:57 Tsunami黄嵩粟阅读(102) 评论(0) 推荐(0)

2020年12月4日

范围内的拖拽事件

摘要： <style> * { margin: 0; padding: 0; } body { height: 5000px; } .box { width: 800px; height: 800px; border: 10px solid #000; margin: 30px auto; position 阅读全文

posted @ 2020-12-04 01:08 Tsunami黄嵩粟阅读(81) 评论(0) 推荐(0)

div拖拽移动事件

摘要： <style> * { margin: 0; padding: 0; } body { height: 5000px; } div { width: 100px; height: 100px; background: pink; position: fixed; top: 0; left: 0; } 阅读全文

posted @ 2020-12-04 01:06 Tsunami黄嵩粟阅读(957) 评论(0) 推荐(0)

事件对象的属性 div点击移动事件

摘要： // 事件对象的相关属性 // e.target 触发事件的标签对象 // e.target支持所有标签对象的操作 // e.target.parentElement 直接父级标签对象 // e.target.parentNode 直接父级标签对象 // e.target.tagName 触发事件的阅读全文

posted @ 2020-12-04 00:42 Tsunami黄嵩粟阅读(251) 评论(0) 推荐(0)

2020年12月3日

tab切换之循环遍历

摘要： <style> *{ margin: 0; padding:0; } ul,ol,li{ list-style: none; } .cont{ width: 800px; height: 600px; border: 5px solid #000; margin: 30px auto; displa 阅读全文

posted @ 2020-12-03 23:46 Tsunami黄嵩粟阅读(553) 评论(0) 推荐(0)

事件委托

摘要：  <div> <span id="span1">我是第一个</span> <span id="span2">我是第二个</span> </div> <script> // 事件的委托 // 事件委托,大部分是对于动态阅读全文

posted @ 2020-12-03 23:43 Tsunami黄嵩粟阅读(85) 评论(0) 推荐(0)

事件的传播和阻止

摘要： <div id="box"> <div id="middle"> <div id="inner"></div> </div> </div> <script> // 事件的传播和阻止 // 事件的传播 // 当点击后代标签时,会触发,所有父级标签,相同类型的事件 // 执行顺序,都是从当前标签向父级元阅读全文

posted @ 2020-12-03 23:39 Tsunami黄嵩粟阅读(110) 评论(0) 推荐(0)