在 Angular 应用中，使用 @ngrx/effects 的目的是处理带有副作用的逻辑，比如与服务端的交互、日志记录或导航操作。而 ofType 是 @ng...

在 TypeScript 中，高级类型工具允许我们对类型进行复杂的变换与操作，而 UnionToIntersection<T> 就是其中一个典型的工具。以下将从...

在 Web 前端开发中，随着项目规模的增大，代码的模块化和可读性需求日益增强。TypeScript 提供了一种称为 Path Aliases 的功能，可以通过别...

在现代 Web 开发的范畴中，模块化和微前端架构的流行趋势促使开发者不断探索更高效、更灵活的代码组织和共享方式。Module Federation 是 Webp...

之前已经介绍过 FCP，可以点击查阅前端页面加载性能指标之 FCP。本文介绍与之相对应的 LCP。通过上文得知，FCP 衡量的是页面首次渲染出有意义的内容的时间...

在HarmonyOS 5.0中，ArkTS提供了强大的相机开发能力，其中包括适配不同折叠状态的摄像头变更。这对于开发折叠屏设备上的相机应用尤为重要，因为摄像头的...

像腾讯文档这样的大型前端应用，面临的卡顿问题比常规前端页面要频繁得多。但卡顿本身难以监测，即使检测到卡顿的发生，也常常难以快速定位，更别提说想要了解大盘的用户真...

页面的最大内容绘制（Largest Contentful Paint，LCP）可能很复杂，难以改进，通常涉及多个变动因素和权衡。这篇文章查看了来自网络上真实页面...

大家好！今天我们来聊聊前端单元测试的最佳实践。在前端开发的世界里，单元测试就像是一把瑞士军刀，无论是新手还是老手，都能从中受益。那么，让我们一起探索如何通过单元...

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

过去十年间，Web 应用程序的构建方式已经发生了根本性的变化。我们现在关注的不是页面，而是组件。不再将数据传递给模板进行渲染，而是管理动态状态。我们借助强大的 ...

今天，我想给我的小 SAAS 项目加上一些前端监控，这样我就可以更好的了解我的用户在使用我的产品时遇到了什么问题，从而更好的改进我的产品。我首先想到的就是 Se...

前端性能监控是确保Web应用程序提供良好用户体验的关键组成部分。Lighthouse 和 Real User Monitoring (RUM) 是两种不同的工具...

在公司某个可视化大屏项目中，大屏页面会有多个 videojs 组件，每个组件都会对应一个视频流地址。每当视频开始播放，视频流m3u8 会不断请求，即便是暂停了播...

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

我们之前提到过，前端性能监控包括两种方式：合成监控（Synthetic Monitoring，SYN）、真实用户监控（Real User Monitoring，...

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

JavaScript 中实现自动检测用户是否使用移动设备，并据此跳转到对应的手机移动网页，通常可以通过检查 ​​navigator.userAgent​​ 属性...