m0_63178019的博客

鼠标经过中盒子，遮罩层显示，鼠标离开，遮罩层隐藏。

防抖：只要打断，就会重新来过。

深浅拷贝：直接赋值给的是地址，如果修改赋值后的变量，实际上连同原变量的值一并修改了。

本来新增了两条数据，但是将 id 为 1 的数据删除了，现在只剩下 id 为 2 的数据，要新增的话 id 应该是 3 才对，但是实际上点击新增却是 2 ，因为原本的代码是 arr.length + 1，现在数组中只有一条数据，当然长度是1 ，再加上 1 不就是 2 了嘛，所以出现错误。现在将 新增的 id 赋值 为数组中最后一条数据的 id 的值加上 1，在此之之前还要判断数组是否为空，为空的话就直接将 新增的 id 值赋值为 1，否则的话就是数组中最后一个数据的 id 加上 1。把数据存储到本地存储。

最后将 total.innerHTML = `${tx.value.length}/200`css直接实现 input 框的缩放 （没用到 js) focus伪类选择器。先给开始按钮添加点击事件。给结束按钮添加点击事件。

Array,Number,String

本案例是针对数组的操作，根据数组数据渲染页面。

函数表达式也不能进行函数提升，函数表达式是这样的 var fun = function() { }，变量只提升声明，不提升赋值，所以提升的是 var fun ,这没体现 fun 是啥呀，js 是弱编程语言，只有赋值才能看出是什么数据类型，那么紧接着调用的话 就是 fun() , 显然报错呀，fun 都没能体现是啥。直接打印 ...arr 看似是没有逗号隔开，但是其实是有逗号的，这就是为什么Math对象的 max方法需要的是这样 1，2，3 的形式但是使用 ...arr 依然可以 的原因。

在 setInterval之外写定义函数，然后在里边运用写好的函数并非是函数调用，所以行数名之后不用写上括号。一般是鼠标经过才关闭定时器，鼠标离开才又继续开启(也就是给定时器重新赋值）定时器返回的是一个 id 数字，可用一个变量来接收定时器 id。

这里 new Error 是构造函数。

分别获取大的复选框和各个小的复选框，给大的复选框注册点击事件，将大的复选框的选中状态遍历赋值给各个小的复选框的选中状态。如果选中的小复选框个数等于所有小复选框个数，那么就将 大复选框个数改为 true,否则的话就是false。给每个 a 和 div 中的 img 都注册鼠标经过事件，虽说遍历时都加上了，但是只有经过才会触发。遍历给 5 个 a标签和 5 个对应内容加上 active 类别（类似小圆点做法）伪类选择器选中 输入框 状态 ，选中的复选框盒子变大。获取选中的小复选框元素，

获取 DOM 元素选择匹配到的第一个元素:document.querySelector('css选择器') 括号中 css 选择器可以是标签，可以是类，可以是id 返回值：css选择器匹配的第一个元素，一个HTMLElement对象 如果没有匹配到，则返回空选择匹配到的所有元素document.querySelectorAll(' css选择器 ') CSS选择器匹配的 NodeList 对象集合 （获取过来的存放到数组） 得到的是伪数组，有长度和索引号，但是没有 pop()

与call的区别就是call中参数任意，但是apply中参数必须是数组。与其他两个区别是，bind不会立马调用函数。构造函数和原型对象都指向 实例。bind（）（最重要）

tab栏切换：前边的案例是 for 循环遍历每个 li 注册鼠标进入事件，给添加了 active类的 a 删除掉 active类，然后给点击的 a 添加上 active类（也就是将已经有的 active 类删除掉，为当前点击到的 a 加上 active类）现在通过事件委托形式也就是不再给每个 li 注册点击事件给 li 中的 a 删除添加类了，而是给 a 的祖元素注册点击事件，但是其实点击的还是 a ，但是通过冒泡的话 点击 a 是能冒泡到祖先元素的，所以直接通过 祖 元素去监听点击事件。

forEach遍历数组，能得到每个数组中的数据，item是对象中的每个元素。将 str 字符串中的 8 个 div 添加到 list盒子中。将遍历的数组中每个对象 加到 str 中。