![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
mr.啄木鸟
捣鼓点什么
展开
-
前端处理较大数据量防止页面卡死的方法
假设后台一下返回1000条数据,如果我们一次性把它放到页面上,那肯定会造成页面卡顿的,优化思路就是,把列表分割成很多个小数组,然后一段一段的显示到页面。可利用 Api:window.requestAnimationFrame或者setInterval不断填充数据;window.requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行;// d..原创 2020-05-21 21:15:27 · 28321 阅读 · 2 评论 -
js实现定点缩放元素
这里的关键一点在于,比如,当元素宽度放大0.1倍时,如何计算元素的left值来保证鼠标相对元素位置不变?代码:// 为了方便用了jqueryexport default function(el) { function zoom(e) { e.preventDefault(); // 获取鼠标所在位置 let { clientX, clientY }...原创 2019-11-29 20:34:03 · 1672 阅读 · 0 评论 -
实现瀑布流
为什么别人的教程那么难看懂?代码多的都一大坨,蓝色,香菇~我认为,既然是教程,就应当简洁明了,在尽可能不伤眼、少伤脑的情况下习得精髓!我先举个栗子,假设有15张图片,高度分别未10,20,30,40,50...140,150,排成3列。不用怀疑,第一排肯定是10,20,30,40,50 。第二排,不难预测,第6张放在第1张下面,top值为第1张的高度,left值为第1张的的left...原创 2020-10-30 18:46:12 · 2214 阅读 · 3 评论