ruoruochen

想象一下您正在访问我们的W3C网站，如果Web内容在一定时间内没有显示在屏幕上，那么作为用户，也许您只是关闭选项卡，然后转到其他选项。但是，作为开发人员，您可能希望跟踪请求和导航详细信息中的提示，以便找出导致此网页速度下降的原因。 幸运的是，大多数浏览器供应商都愿意公开允许开发…

first paint: 首个元素绘制的时间。 first contentful paint: 首个内容绘制时间，具体指图片或者文本的首个像素渲染。 从定义上这两个指标定义上有所不同，但目前获取的数据却是一致的，我们可以把这两个指标看成我们平时所说的白屏时间。 计算方式通过性能…

webpack 打包处理图片或字体路径问题之 file-loader 和 url-loader 使用区别

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

如何做前端单元测试 对于现在的前端工程，一个标准完整的项目，通常情况单元测试是非常必要的。但很多时候我们只是完成了项目而忽略了项目测试。我认为其中一个很大的原因是很多人对单元测试认知不够，因此我写了这

在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误的指引。

本文并不会讲解 hooks 的基本用法， 本文从 一个hooks中 “奇怪”（其实符合逻辑） 的 “闭包陷阱” 的场景切入，试图讲清楚其背后的因果。

今天中午在领完盒饭，吃饭的时候，正吃着深海鳕鱼片，蘸上番茄酱，那美味，简直无以言表。突然产品急匆匆的跑过来说：“今天需求能上线吧？”我忽然虎躯一震，想到自己遇到个问题迟迟找不到原因，怯怯的回答道：“能...能吧...”，产品听到‘能’这个字便哼着小曲扬长而去,留下我独自一人，面…

这是前端早早聊举办的第二届大会，也是我第一次参加线上前端分享。这次大会让我开阔了眼界，了解了前端在各个公司的不同玩法，加深了对技术管理的认知。如果说写代码是低头走路，那么学习不同团队的基建思路就是仰望星空，让我们在高速发展的前端的道路上不至于迷失方向。 下面我将从以下五个方面来…