js
文章平均质量分 71
小拇指按不到ctrl
这个作者很懒,什么都没留下…
展开
-
(class与className、prop与attr、属性与属性节点)的联系
ele.xxx=yyy与ele.setAttribute(‘xxx’,‘yyy’)的区别两个概念:1、元素节点对象的属性2、元素节点下的属性节点两者是交集典型例子:className是属性;class是属性节点节点:nodeName,nodeValue,nodeType...原创 2021-02-21 14:31:44 · 818 阅读 · 0 评论 -
点击事件抛发与按钮状态的关系
结论:只有元素设置属性disabled=“disabled”,抛发才会被禁止,其他情况均不影响点击事件抛发按钮状态:原始状态display:nonevisibility:hiddenpointer-events:none被覆盖页面隐藏溢出窗口disabled=“disabled”事件抛发√√√√√√√×鼠标触发√×××××××目录一、按钮的不同状态对事件抛发的影响1.原始状态2.按钮 display:none3.按钮 vis原创 2021-01-27 14:56:23 · 213 阅读 · 0 评论 -
原型链图解
目录1.对象的原型链2.函数的原型链3.总的原型链4. 总的原型链(精简版)——原型链的顶端是null5. new的路线图6. 总路线图1.对象的原型链2.函数的原型链3.总的原型链4. 总的原型链(精简版)——原型链的顶端是null5. new的路线图6. 总路线图...原创 2021-01-08 12:16:47 · 113 阅读 · 0 评论 -
i++与++i的运算优先级,以及对运算的再认识
var a=1// alert(a++ + a) //3// alert(a + (a++)) //2// alert(++a + a) //4// alert(a + (++a)) //3// alert(a + (++a)+a) //5运算实质是返回值,是不会改变运算数的值的,递增与赋值实际是附带作用所以所谓的运算符优先级就是 表达式 返回结果的顺序a + (++a)+a中(++a)可以拆解成两部分:1.运算,也就是返回(++a)的值,返回值的过程中没有改变a的值2原创 2020-12-29 16:23:26 · 461 阅读 · 0 评论 -
为什么解构赋值能交换两个变量
let a = 1;let b = 2;[a, b] = [b, a]console.log(a, b) //2,1通过解构赋值,不需要第三个变量就能交换两个变量的值我当时再看到这个案例是疑惑的,为什么没有中间量就实现变量交换了?在菜鸟教程中是这样描述解构的解构模型在解构中,有下面两部分参与:解构的源,解构赋值表达式的右边部分。解构的目标,解构赋值表达式的左边部分。看到这,我下意识的将[a, b] = [b, a]整体看作解构,即解构:解构目标=解构源但其实解构只是左边的部分,原创 2020-12-28 22:05:03 · 1891 阅读 · 2 评论 -
document.body.clientHeight 只是窗口高度四舍五入的结果,宽度也是如此
在测试拖拽时,要实现被拖拽的元素不能跟鼠标一起跑到窗口外;所以在style.top<0时使其style.top=0在style.top<document.body.clientHeight - div1.offsetHeight时,使其style.top=document.body.clientHeight - div1.offsetHeight(即窗口高度 减去 元素高度,就是元素能被拖拽到的最低位置,当小于这个最小值时,直接把最小值赋值给它)但是出现了一个bug,如下图按理说我把原创 2020-12-19 14:54:39 · 3249 阅读 · 1 评论 -
js鼠标移入移出事件对比
ie8之前的方法鼠标移出 mouseover鼠标移入 mouseoutie8之后的方法鼠标移出 mouseenter鼠标移入 mouseleave两者区别 <div id="red"> <div id="blue">0</div> </div> <script> var red=document.getElementById("red") var blue=docum原创 2020-12-17 18:02:19 · 721 阅读 · 0 评论