前端优化
文章平均质量分 88
无糖的酸奶
这个作者很懒,什么都没留下…
展开
-
前端优化-防抖&节流
顾名思义,就是防止抖动的。比如验证码点击切换,用户快速点击了5次,但其实不用切换五次验证码,只需要切换一次就行了。那么就可以使用防抖。防抖的特点是一定时间内的连续多次的触发,只会执行一次真正的回调。节流是限制触发的频率,比如连续的滚动,scroll事件会被频繁的触发。如果这个时候,需要通过JS 去操作 DOM ,那么频繁的操作就会降低性能,导致页面卡顿这个时候,就可能需要使用节流,限制它 16 ms 执行一次,如果不需要太及时,30ms执行一次也可以。原创 2023-04-03 09:51:37 · 668 阅读 · 0 评论 -
超详细的图片预加载和懒加载教程
最近接手一个项目 。 结果光安装依赖都出现了一堆 麻烦 。好不容易处理完一个 , 又来一个 。头疼啊看到之前有一些预加载的学习笔记。于是又查查找找 ,想想写写 把预加载和懒加载的笔记写完整发现制图挺麻烦的!不知道你们有没有什么推荐?写了挺久的这篇文章,有什么不对的地方欢迎评论或私聊指出图片的预加载和懒加载预加载和懒加载的字眼总会看到 。 其实预加载和懒加载不仅仅是用于加载图片资源。其他资源,文字,视频。都可以。我们较常用或较需要使用的场景就是加载图片资源。这里,我们也只讨论加载图片资源。.原创 2021-09-04 16:59:31 · 8559 阅读 · 2 评论