CMD命令行查询电脑硬件信息

j: ): let pageCount = Math.min(curTotal, once); window.requestAnimationFrame(function () { for (let i = 0; i < pageCount; i++) { let li = document.createElement('li'); li.innerText = curIndex + i + ' : ' + ~~(Math.random() * total) ul.appendChild(li) } loop(curTotal - pageCount, curIndex + pageCount) }) } loop(total, index);

j: ): loop(curTotal - pageCount, curIndex + pageCount) }, 0) } loop(total, index); 通过递归来渲染DOM，刚开始可以是20个，20个渲染完后再渲染剩下的，循环如此，将其全部渲染完。又因为浏览器的渲染机制是“宏任务—微任务—GUI渲染—宏任务...”。遂第一个 loop 执行后，先等页面渲染完，再执行下一轮的 setTimeout（宏任务） 使用 setTimeout 来做分片会有问题，就是当我们快递下拉时，会出现闪屏或白屏现象， 首先人眼识别帧数为24帧。现在很多电视机和大屏都是24帧或30帧，台式电脑一般为60帧起，也有120、144、240、360等。60帧渲染一幅画面的时间为 1000 / 60 = 16.7ms，120hz的电脑渲染一帧页面要8.33ms 并且由于setTimeout 的执行时间并不是确定的，虽然我们写了 setTimeout(() => {}, 0) ，但这是不准确的，按照 H5 标准规定 setTimeout 的第二个参数不能小于 4ms，不足会自动增加，写0ms的话会自动补全为4ms，而且setTimeout开始计时的时机是等宏任务、微任务、GUI渲染、下一次开始执行下一个循环才开始计时，这里的4ms没有把微任务和GUI渲染时间包含进去，所以实际时间会大于4ms，如果时间超过16.7ms，在60帧电脑上就需要2帧来渲染一幅页面，如果实际时间大于33.4ms，就需要3帧来渲染，这就会导致卡顿，这也是为什么 React 要使用 Fiber 架构的原因。 requestAnimationFrame 正是解决这一问题的关键API，它告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。 因为他是浏览器所提供的原生 API，所以各类电子设备都能使用，根据不同的刷新频率，给于不同的动画执行时间，就不会引起丢帧现象 ... function loop(curTotal, curIndex) { if (curTotal =2)的三种方法

j: ): 虚拟列表： 原理就是只针对可视区域进行渲染，使用 无限滚动 + 懒加载实现，，假设有1万条记录需要同时渲染，我们屏幕的 可见区域的高度为 500px,而列表项的高度为 50px，则此时我们在屏幕中最多只能看到10个列表项，那么在首次渲染的时候，我们只需加载10条即可。 假设滚动发生，滚动条距顶部的位置为 150px,则我们可得知在 可见区域内的列表项为 第4项至第13项。这样设计的话当页面滚动到下方，之前的列表就消失了，我们这里的场景是可以对每一行列表项进行勾选的，不能使产生的列表项消失，这样之前的数据就不能选择了，只能选则当前可是区的数据。 延迟渲染： 即懒加载，可以使用无限滚动或者加载更多的方式进行设计，也就是当页面滑动到底部，自动或者手动加载之后的数据，但这里的数据时concat，而不是替换，故之前的数据还在，只不过是减轻了初次渲染的压力。时间分片加载： 通过设置setTimeout实现 数据时间切分 let ul = document.getElementById('container'); // 插入十万条数据 let total = 100000; // 一次插入 20 条 let once = 20; // 总页数 let page = total / once // 每条记录的索引 let index = 0; // 循环加载数据 function loop(curTotal, curIndex) { if (curTotal { for (let i = 0; i < pageCount; i++) { let li = document.createElement('li'); li.innerText = curIndex + i + ' : ' + ~~(Math.random() * total) ul.appendChild(li) } loop(curTot

CSDN-Ada助手: 多亏了你这篇博客, 解决了问题: https://ask.csdn.net/questions/8035465, 请多输出高质量博客, 帮助更多的人

j: ): 把launch.py里的github.com全部换成gitclone.com试试