parse - style - layout - compositor - paint - tiling - raster - draw，八大步骤中，涉及到了渲染主线程、合成线程等分工合作。

在现代化的前端工程中，模块化已经成为习以为常的规范之一。成熟的框架、打包和引用体系已经让我们不需要关注模块的具体格式，随着浏览器对es的支持，开箱即用的 import 和 export 也非常方便。但

前段时间在项目的函数组件中使用了hook的useEffect, 类似于下面这个App函数组件。 useEffect内部闭包中的这个定时器打印的count始终是1，即使onClick事件触发了很多次。我就很好奇了，为啥count拿不到最新值？经过不断的google，终于找到一篇文…

在 React Hooks 中使用第三方库的事件时，很多人会写成这样： 这样写会有问题： 它只会在这个组件加载时，绑定事件，如果这个事件中用到了其他的 state，那么这个状态发生变化时

前端本地化存储算是一个老生常谈的话题了，我们对于 cookies、Web Storage（sessionStorage、localStorage）的使用已经非常熟悉，在面试与实际操作之中也会经常

IntersectionObserver 提供了一种高效的方法来观察元素是否进入或离开视窗，而无需依赖滚动事件或定时器。

MutationObserver 的出现极大地拓宽了前端开发的思路和应用场景。它使开发者能够更好地捕捉和处理 DOM 的变化，实现更丰富、更高效的交互体验和页面操作。

To C 业务场景下的 Web 页面，经常会有炫酷复杂的动效需求。在一个有限的项目排期下，选择合适的动效方案但往往对前端工程师来说是一个巨大的挑战。

X-Forwarded-For 是一个 HTTP 扩展头部，本文重点介绍 X-Forwarded-For（XFF）相关知识。