
前端性能优化
祥哥的说
精一技而绝天下。。。
展开
-
前端优化系列之DNS预获取 dns-prefetch 提升页面载入速度
前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度DNS Prefetch,即DNS预获取,是前端优化的一部分。一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少DNS的请求次数,另一个就是进行DNS预获取 。DNS 作为互联网的基础协议,其解析的速度似乎很容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化,典型的一次DNS解析需要耗费 20-...转载 2018-06-07 21:26:08 · 2168 阅读 · 0 评论 -
详解防抖处理(debounce)以及代码实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>debounce</title> <style> #container{原创 2018-12-19 16:29:43 · 4864 阅读 · 0 评论 -
详解节流处理(throttle)及代码实现
关于节流的实现,有两种主流的实现方式,一种是使用时间戳,一种是设置定时器。使用时间戳让我们来看第一种方法:使用时间戳,当触发事件的时候,我们取出当前的时间戳,然后减去之前的时间戳(最一开始值设为 0 ),如果大于设置的时间周期,就执行函数,然后更新时间戳为当前的时间戳,如果小于,就不执行。看了这个表述,是不是感觉已经可以写出代码了…… 让我们来写第一版的代码:// 第一版fun...转载 2019-01-21 21:31:32 · 3061 阅读 · 0 评论