望舒的个人主页

解决 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 全局状态管理

在 React 应用中，我们常常需要监听鼠标长按事件（例如实现长按连续触发、拖拽、游戏蓄力或绘图场景）。 本文将分享一个简单又强大的自定义 Hook —— useMouseDownAndHold，它能够监听鼠标左键按下后持续触发回调函数，并支持自定义触发间隔（delay）。

在 React 项目中，我们经常需要监听用户的鼠标行为，比如检测左键是否按下、是否抬起，以实现拖拽、绘图或交互特效等功能。本篇文章将通过两个简单的自定义 Hook：`useMouseDown` 和 `useMouseUp`，实现对鼠标左键的监听。同时还会讨论如何优化代码结构，让 Hook 更易维护和复用。