前面跟大家介绍过前端性能卡顿的检测和监控，其中提到了requestAnimationFrame心跳检测等方式来检测代码执行耗时，从而判断是否存在卡顿。

过去十年间，Web 应用程序的构建方式已经发生了根本性的变化。我们现在关注的不是页面，而是组件。不再将数据传递给模板进行渲染，而是管理动态状态。我们借助强大的 API，将以前难以解决的一致性错误简化为微不足道的逻辑处...

前端性能监控是确保Web应用程序提供良好用户体验的关键组成部分。Lighthouse 和 Real User Monitoring (RUM) 是两种不同的工具和技术，它们关注的焦点不同，但都对优化前端性能至关重要。...

之前在研究小伙伴遗留代码的时候，发现了PerformanceObserver这玩意，不看不知道，越看越有意思。

常常进行前端性能优化的小伙伴们会发现，实际开发中性能优化总是阶段性的：页面加载很慢/卡顿 -> 性能优化 -> 堆叠需求 -> 加载慢/卡顿 -> 性能优化。...

从历史上看，我们对客户端性能监控方式非常有限，而且还遇到了API浏览器的限制，阻碍了我们准确地衡量客户端性能。

JavaScript 中实现自动检测用户是否使用移动设备，并据此跳转到对应的手机移动网页，通常可以通过检查 ​​navigator.userAgent​​ 属性来识别用户代理字符串中包含的设备信息。以下是一个简单的示例，展示如何基于用户使...

知晓要如何解决问题，只是真正解决问题的第一步。在工作里，我们更多时候遇到的问题不只是如何解决，而是如何有效落地。

不管是哪种卡顿监控方式，我们使用检测卡顿的方案发现了卡顿之后，需要将卡顿进行上报才能及时发现问题。但如果我们仅仅上报了卡顿的发生，是不足以定位和解决问题的。...

通常来说一段程序代码中所用到的名字并不总是有效和可用的 ,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。...