- 博客(9)
- 收藏
- 关注
RSS订阅原创 让一个元素消失的办法
1、最常用之——display: none; 给元素设置display: none;后，元素会从页面中彻底消失，它原本占据的空间会被其他元素占有，会造成浏览器的回流与重绘。 2、最常用之——visibility: hidden; 给元素设置visibility: hidden;后，元素会从页面中消失，它原本占据的空间会被保留，会造成浏览器的重绘，适用于希望元素隐藏又不影响页面布局的场景。 3、隐身...
2019-08-07 21:38:18
961
原创 Iterator 和 for...of 循环
Iterator 概念 Javascript 原有的表示集合的"数据"结构,主要是 数组 Array 、Object 、Map、Set。 这四种数据集合，用户还可以组合使用他们，定义自己的数据结构，不如数组的成员是Map,Map的成员是对象。这样子就需要一种统一的接口机制，来处理不同的数据结构。 遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供同一的访问机制。任何...
2019-05-24 21:23:44
251
原创 JavaScript数据类型之函数
函数 函数是 ECMAScript 的核心，可以用来包装的一个代码块，具备一定的功能，可以执行特定的任务或计算值的语句。定义一次 可执行多次。 函数的定义 函数定义（也称为函数声明，或函数语句）由一系列的function关键字组成，依次为： 函数的名称。 函数参数列表，包围在圆括号中并由逗号分隔。 定义函数的 JavaScript 语句，用大括号{}括起来。 定义函数的原理: 当定...
2019-05-22 14:55:32
299
原创 null 和 undefined
6_ null 和 undefined 文章目录6_ null 和 undefinednull && undefined 出现的场景 ##最初的设计 JavaScript的最初版本是这样区分的： null是一个表示"无"的对象，转为数值时为0； undefined是一个表示"无"的原始值，转为数值时为NaN。 null && undefined 出现的场景 ...
2019-05-22 13:18:52
324
原创 javascript获取元素的计算样式
文章目录背景获取计算样式获取宽高（尺寸）绝对位置元素距离BOM中的距离浏览器的尺寸滚动条的距离浏览器的事件 背景 使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。 行内样式(内联样式)即写在html标签中的style属性中，如 <div style="width:100px;height:100px;"></div> 内嵌样式即写在...
2019-05-22 11:18:21
654
原创 JS修改class属性
DOM里的每个节点上都有一个classList对象，既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。 add(类名) 添加类名 remove(类名) 删除类名 replace(替换谁，替换成什么)替换 contains(类名) 布尔值 toggle(类名) 切换 返回值还是布尔值（有就切掉，没有就加上） item(索引) 试试 添加类...
2019-05-13 00:43:11
16033
原创 JS的拖拽事件
拖拽原理 实现原理： 改变元素的top值和left值 ； 拖拽的三大事件： onmousedown 鼠标按下 onmousemove 鼠标移动 onmouseup 鼠标释放 这3个事件写拖拽在PC上是需要嵌套的。 话不多说，送上2种方式的代码，如下： 第一种方法 原理 根据以上原理实现托拽的代码如下： obj.onmousedown = function(e...
2019-05-12 18:26:41
2113
原创 JS中的事件流及DOM0、DOM2简介
文章目录DOM0级事件和DOM2级事件一、0级DOM二、DOM2级事件处理事件模型（事件流）事件模型预告事件模型1.冒泡阶段（常用）2.捕获阶段小例子冒泡的好处--- 事件委托冒泡的坏处 --- 阻止冒泡 DOM0级事件和DOM2级事件 事件就是用户或浏览器自身执行的某种操作，如click、load、mouseover等，都是事件的名字，而响应某个事件的函数就被称为事件处理程序。 事件过程 当用户...
2019-05-11 17:52:15
668
原创 javascript修改this的方法及call、apply、bind的区别
目录 this指向集合 修改this的方法 apply、call和bind的区别 小练习 https://mp.youkuaiyun.com/postedit/90049141 this指向集合 1. window: 1.直接在全局输出this 2.函数打印this,并且直接调用 3.定时器中普通函数this为window 4. 匿名函数自执行事件中的this 以下代码分别对应th...
2019-05-10 00:54:36
290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人