望舒的个人主页

本文详细介绍了 Google Lighthouse 这一前端性能测试工具的核心功能与使用价值，并对五个关键性能指标——FCP、LCP、TBT、CLS、SI——进行了深入讲解，帮助开发者理解网页性能瓶颈、优化用户体验、提升网站加载速度与交互流畅度

在使用 react native expo 开发时，启动可能会遇到 Error: ENOSPC: System limit for number of file watchers reached 这样的问题，这是因为超出系统用户可观测文件比昂更的数量配置了，通过更改 fs.inotify.max_user_watches=524288 即可解决

解决 Next.js 引入 Antd Design SSR 服务端渲染样式丢失、首屏闪烁问题，通过重写 _document.js 进行样式提取和注入

本文介绍了如何通过两种方法解决 npm 安装 Electron 时的超时问题。方法包括临时使用 --ignore-scripts 命令以及切换到淘宝镜像源以加快下载速度。适合在安装过程中遇到网络超时或依赖下载问题时使用

在日常开发中，我们经常会遇到需要一些长字符串文件的需求（如：base64字符串、固定的静态文章、网页隐私政策、协议、静态代码块等），为了避免这些长字符串侵入代码，我们可以引入 raw-loader 插件以优化代码结构。Next.js、raw-loader、Next.js 配置、Webpack 配置、Next.js 优化、字符串导入、静态文件导入

在 Next.js 15 项目中直接引入 Ant Design (antd) 组件库时，很多开发者会遇到以下错误：SyntaxError: Cannot use import statement outside a module、Module parse failed: Unexpected token。这是因为 Ant Design 及其依赖的部分 rc-* 包发布时采用了 ESM 语法

React 在更新组件时，通过比较新旧虚拟 DOM 来减少不必要的 DOM 操作，从而提升性能。但是，对于某些组件的更新，React 的默认渲染机制可能仍然带来性能损耗。为了进一步优化，React 提供了 React.memo 用于缓存组件的渲染结果。React.memo、性能提升、渲染优化、浅比较、React性能优化、组件优化、React高阶组件、避免重新渲染、函数组件、React渲染机制

React 中使用 useMemo 进行性能优化的最佳实践详解。React 性能优化 、React useMemo 教程、useMemo 使用场景、React 渲染优化、React memo 和 useMemo 区别、前端性能提升技巧

React 是一款流行的前端框架，而 Hooks 的出现让函数组件拥有了类似类组件的状态管理与副作用处理能力。在众多 Hooks 中，useCallback 是一个经常被提到的性能优化工具。那么，什么时候该用 useCallback？它真的能提高性能吗？React 性能优化、useCallback、React Hooks、函数组件、React 重渲染

在 React 中，组件之间最常用的通信方式是通过 props（属性）传递数据。然而，当多个嵌套层级都需要同一份数据时，每一层都要“接力”传递 props，这不仅让代码冗长，还增加了维护成本。React Context、React Context 用法、React Context 教程\React 全局状态管理