前端性能如何衡量 前端性能应该如何来衡量呢，其实这个问题 Google 的开发者早就提出了一个 RAIL 模型 来解决这个问题。 RAIL 是 Response、Animation、Idle 和 Lo

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

面试没有项目说，想拿低代码来吹吹牛？但是又不知道具体细节怎么实现，那就赶紧看过来吧，轻松拿捏面试官。

这是一个非常有意思的话题，前端框架的天然壁垒使得语法上互不兼容，但透过表象看本质我们发现，框架形式变幻莫测，都是受底层设计思想的支配，打破壁垒往往只需要你敢于尝试。 今天我们要探讨的问题其实也不单单是在 react 中实现一个 v-for 这样的模版指令，而是基于模版指令的实现…

前端渲染的发展 在讲ESR（Edge Side Rendering，边缘渲染）如何提速渲染之前，我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议程的，之后我们再反观ESR的

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

浏览器真正渲染的内容在红框内，之外的都是非渲染的部分。渲染的引擎可以看做是一个黑箱，在 Chromium 中，我们把它称为 Blink。 同时，在渲染时，我们需要调用图像处理的底层 API 去进行渲染，对于此，有官方的统一标准就是 openGL，但是，对于 Windows，可能…

文章具有翻译向，具体的可以看文末的链接。 随着ES6的正式发布，以及ES2016、ES2017...每年的稳定更新，还有新提案的不断出现，使得JavaScript越来越成熟。但是对于一些新的语法和API，老版本的浏览器无法全面兼容。babel的出现，解决了在老版本浏览器使用新语…

通过跳过屏幕外的内容渲染来缩短初始加载时间在Chromium85中，content-visibility属性可能是在提高页面加载性能方面最具影响力的新CSS属性之一。因为content-visibil