bravelyr-CSDN博客

原创让一个元素消失的办法

1、最常用之——display: none;给元素设置display: none;后，元素会从页面中彻底消失，它原本占据的空间会被其他元素占有，会造成浏览器的回流与重绘。2、最常用之——visibility: hidden;给元素设置visibility: hidden;后，元素会从页面中消失，它原本占据的空间会被保留，会造成浏览器的重绘，适用于希望元素隐藏又不影响页面布局的场景。3、隐身...

2019-08-07 21:38:18 812

原创 Iterator 和 for...of 循环

Iterator 概念Javascript 原有的表示集合的"数据"结构,主要是数组 Array 、Object 、Map、Set。这四种数据集合，用户还可以组合使用他们，定义自己的数据结构，不如数组的成员是Map,Map的成员是对象。这样子就需要一种统一的接口机制，来处理不同的数据结构。遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供同一的访问机制。任何...

2019-05-24 21:23:44 179

原创 JavaScript数据类型之函数

函数函数是 ECMAScript 的核心，可以用来包装的一个代码块，具备一定的功能，可以执行特定的任务或计算值的语句。定义一次可执行多次。函数的定义函数定义（也称为函数声明，或函数语句）由一系列的function关键字组成，依次为：函数的名称。函数参数列表，包围在圆括号中并由逗号分隔。定义函数的 JavaScript 语句，用大括号{}括起来。定义函数的原理:当定...

2019-05-22 14:55:32 237

原创 null 和 undefined

6_ null 和 undefined文章目录6_ null 和 undefinednull && undefined 出现的场景##最初的设计JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。null && undefined 出现的场景...

2019-05-22 13:18:52 232

原创 javascript获取元素的计算样式

文章目录背景获取计算样式获取宽高（尺寸）绝对位置元素距离BOM中的距离浏览器的尺寸滚动条的距离浏览器的事件背景使用css控制页面有4种方式，分别为行内样式(内联样式)、内嵌式、链接式、导入式。行内样式(内联样式)即写在html标签中的style属性中，如 <div style="width:100px;height:100px;"></div>内嵌样式即写在...

2019-05-22 11:18:21 548

原创 JS修改class属性

DOM里的每个节点上都有一个classList对象，既可以用里面的方法新增、删除、修改节点上的CSS类。也可以用它来判断某个节点是否被赋予了某个CSS类。add(类名) 添加类名remove(类名) 删除类名replace(替换谁，替换成什么)替换contains(类名) 布尔值toggle(类名) 切换返回值还是布尔值（有就切掉，没有就加上）item(索引)试试添加类...

2019-05-13 00:43:11 15886

原创 JS的拖拽事件

拖拽原理实现原理：改变元素的top值和left值；拖拽的三大事件：onmousedown 鼠标按下onmousemove 鼠标移动onmouseup 鼠标释放这3个事件写拖拽在PC上是需要嵌套的。话不多说，送上2种方式的代码，如下：第一种方法原理根据以上原理实现托拽的代码如下： obj.onmousedown = function(e...

2019-05-12 18:26:41 1933

原创 JS中的事件流及DOM0、DOM2简介

文章目录DOM0级事件和DOM2级事件一、0级DOM二、DOM2级事件处理事件模型（事件流）事件模型预告事件模型1.冒泡阶段（常用）2.捕获阶段小例子冒泡的好处--- 事件委托冒泡的坏处 --- 阻止冒泡DOM0级事件和DOM2级事件事件就是用户或浏览器自身执行的某种操作，如click、load、mouseover等，都是事件的名字，而响应某个事件的函数就被称为事件处理程序。事件过程当用户...

2019-05-11 17:52:15 562

原创 javascript修改this的方法及call、apply、bind的区别

目录this指向集合修改this的方法apply、call和bind的区别小练习https://mp.csdn.net/postedit/90049141this指向集合1. window: 1.直接在全局输出this2.函数打印this,并且直接调用3.定时器中普通函数this为window4. 匿名函数自执行事件中的this以下代码分别对应th...

2019-05-10 00:54:36 233

bravelyr的菜园子