最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。 这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。 何为 content-visibility？ co

浏览器底层渲染机制：当我们从服务器获取代码后，浏览器是如何把代码，渲染为页面及相关效果的 CRP（关键渲染路径）性能优化法则：了解浏览器底层处理的具体步骤，针对每一步骤进行优化 Js中的同步和异步编程

引子作为一名前端工程师，我们必须时刻保持高度的好奇心与求知欲，提出问题并去探索其原因或机制。于是，我抛出一个问题，浏览器是如何将“没有趣味”的代码变成“五彩缤纷”的网页的？如下图，我将介绍，这个ren

前言 最近想深入学习下浏览器渲染相关的问题，于是去拜读了下相关的文档。因为其中涉及到事件循环，所以一并写了一下，这里把自己的理解分享给大家。因为博主只是前端萌新，英语阅读水平也有限，如有错误，敬请斧正

resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…

如果你简历说你精通个js动效，但事实又不了解requestAnimationFrame，，那么你的面试结果是很难看的。 实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animatio…

走过路过不要错过，点进来看两眼咯，三分钟包学会包学会！！双手真心奉上setInterval，setTimeout，requestAnimationFrame实现倒计时的各种方案优劣对比

长列表的优化策略主要有两种： 分片渲染（通过浏览器事件环机制，也就是 EventLoop，分割渲染时间）和本文重点介绍的虚拟列表

无论你是想要设计高性能 Web 应用，还是要优化现有的 Web 应用，你都需要了解浏览器中的网络流程、页面渲染过程，JavaScript 执行流程，以及 Web 安全理论，而这些功能是分散在浏览器的各