Banality_human_workers的博客

1、data-set 先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-src）,然后将真正的图片地址存储在data-src中，当JS监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中。达到懒加载的效果。 <div id="box"> <ul> <li> <img data-src="./图片懒加载/1.jpg" alt=""> </li>

我们为什么要用防抖节流？ 首先我们要知道防抖节流是用来做什么的。 浏览器中的某些计算和处理要比其他的昂贵得多，当我们试图用dom操作html页面时，如果是进行很多频繁的Dom操作，这很可能导致浏览器挂起，甚至崩溃。在IE中使用 onresize事件时容易发生这种情况，我们有必要控制js的执行次数，这时候我们的节流和防抖就能发挥用处了。 节流： 让函数在一定时间内执行一次 就象房屋上的水滴的下落过程 应用场景：页面的onscroll事件，页面的onscroll事件是一个高频的事件，通过监听页面的scrol

Dom：文档对象模型 。 HTML 的文档document页面是一切的基础，没有它dom就无从谈起。 当创建好一个页面并加载到浏览器时，DOM就悄然而生，它会把网页文档转换为一个文档对象，主要功能是处理网页内容。 我们通过操作dom（创建节点、删除节点、获取节点、插入节点）来实现对浏览器页面的更新。 对Dom的修改引起样式更迭： 很多时候，我们对 DOM 的操作都不会局限于访问，而是为了修改它。当我们对 DOM 的修改会引发它外观（样式）上的改变时，就会触发回流或重绘。 这个过程本质上还是因为我们对 DOM

想了解更多 参照以下链接： 事件监听：https://blog.csdn.net/weixin_40122996/article/details/82533223 事件模型：https://www.cnblogs.com/hngdlxy143/p/9068282.html