性能指标 FP (First Paint) 首次绘制 FCP (First Contentful Paint) 首次内容绘制 FMP（First ...

节流-throttle 节流的意思是，规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发 ...

应该有很多前端开发人员都思考过这么一个问题：从输入 URL 到页面加载完成，中间都做发生了什么? 这个问题涉及的面非常广，每个涉及的点又很深入。从触屏/键盘如何到 CPU ...

1 引言 与组件生命周期绑定的 Utils 非常适合基于 React Hooks 来做，比如可以将 “发请求” 这个功能与组件生命周期绑定，实现一些便捷的功能。 这次以 <a href=" ...

的最新内容，更新于2019-12-01。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在<a href="https://github. ...

图片格式和应用场景 JPEG 格式 JPEG（Joint Photographic Experts Group）是一种针对彩色照片而广泛使用的有损压缩图形格式，属 ...

浏览器的渲染机制 我们需要先理解浏览器的渲染经历了哪些过程，才能有针对性的进行相关优化。 掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的 ...

性能指标和优化目标之：加载 性能指标：我们在性能优化过程中可以参考的标准。这些标准都是业界或者前人总结出来的指导性经验。我们可以参考这些指标，去指导我们自己的优化。 打 ...

前言 在前端开发中会遇到一些频繁的事件触发，比如： window 的 resize、scroll mousedown、mo ...

<div class="image-container" style="max-width: 659px; max-height: 2 ...