摘要：节流： 让事件函数隔一段时间触发一次。（应用场景：比如onscroll等高频率触发的事件中） // 函数节流 var canRun = true; var timer = null; document.onscroll = function () { if (!canRun) return; // 阅读全文

摘要：DNS 实现域名到 IP 的映射。通过域名访问站点，每次请求都要做 DNS 解析。每次 DNS 解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过 DNS Prefetch 来提高访问的流畅性。 DNS Prefetch 是一种 DNS 预解析技术，当浏览网页时，浏览器会在加载网页时 阅读全文

摘要：react v16.6之后 的按需加载（2019.07.04更新） React这个版本新加了lazy和Suspense这两个功能。 对于上面的按需加载，可以修改代码为： import React, { Suspense } from 'react'; import Loading from './m 阅读全文

摘要：前端性能优化主要分为几个维度： 1. 网络请求层面的优化 减少 http 的请求次数和大小 资源的合并压缩【例如：CSS合并为一个、JS合并为一个、雪碧图 --> webpack】 CSS 代码不多的情况下采用内嵌式 图片音视频的懒加载【首次渲染页面，减少 HTTP 请求，以此来优化白屏等待时间，当 阅读全文