宁雨桥-CSDN博客

原创为什么 React 中用 const 声明的状态，还能被 set 函数修改？

在React中，使用const声明状态变量（如const[count,setCount]=useState(0)）看似矛盾，实则合理。const确保变量引用不变，而非值不变。状态更新的本质不是修改原值，而是触发重新渲染：每次渲染都会重新声明count变量，获取最新的状态值。因此const与状态更新并不冲突，它保护了单次渲染中的变量引用，而React的重渲染机制实现了状态更新效果。理解"每次渲染都是独立的"这一原则是关键。

2025-07-02 19:58:56 357

原创代码能运行就一定对吗？前端开发中那些难以发现的隐蔽错误

JavaScript隐蔽陷阱解析

2025-06-16 22:46:57 1056

原创文件上传与多参数传递的实现与优化，前端篇

本文介绍了前端文件上传功能的实现方法，重点讲解使用FormData对象同时上传文件和多个参数。主要内容包括：1. 基础实现 - 通过FormData整合文件和其他表单数据，使用fetch发送请求；2. 参数处理 - 处理不同类型参数（字符串、数值、数组等）和文件限制；3. 高级特性 - 实现上传进度显示、错误处理和取消上传功能。文章还对比了XMLHttpRequest和Fetch的差异，为开发者提供了全面的文件上传解决方案。

2025-06-14 22:42:11 951

原创被.gitignore坑惨后，我整理出这份避坑指南

本文是Git忽略文件的实战指南，针对常见误提交问题提供了解决方案。主要内容包括：基础规则：介绍了3种核心写法 - 忽略单个文件、整个目录和使用通配符高阶技巧：讲解了双星号跨层级匹配、取反规则和特殊字符转义避坑指南：重点说明已跟踪文件的处理、规则顺序的重要性和空格问题实用模板：提供了Web开发和IDE配置的通用.gitignore模板全局配置：介绍了设置全局忽略文件的方法文末建议立即检查项目配置，优化.gitignore可显著减小仓库体积并提升克隆速度。

2025-06-06 22:40:07 314

原创告别 “Too many active WebGL contexts“：React 与 Vanta.js 的正确集成姿势

React项目中集成Vanta.js动态背景时，常见的"Too many active WebGL contexts"警告通常由不当的useEffect实现导致。本文分析了该问题的核心原因：依赖项数组配置错误导致WebGL实例重复创建但未被正确销毁。解决方案的关键在于：使用空依赖项数组确保Vanta.js只在组件挂载时初始化一次清理函数直接引用局部effect变量，确保销毁正确的实例避免在useEffect依赖数组中包含vantaEffect状态通过规范useEffect的使用方

2025-06-06 00:26:19 928

转载 WPS for Linux 字体配置(字体缺失解决办法)

有些linux装完wps后提示“部分字体无法显示”或“some formula symbols might be not display”。这是因为缺少某些字体导致，主要是特殊符号或公式字体等等，而这些字体其实是在windows中可以找到的。有兴趣的自己去研究。方法一：解压到 WPS的默认字体文件夹中(wps-office)，然后重启WPS即可。2.2. 添加字体（使下载的字体库生效）文件夹，则使用方法二。2.1. 下载字体库。

2025-06-03 10:34:38 795

原创前端性能优化：白屏时间测量与优化策略

本文介绍了前端性能优化中的白屏时间概念及其测量与优化方法。白屏时间指用户点击链接后到页面内容首次显示的时间段，是衡量网站性能的重要指标。文章详细讲解了两种测量方法：简单时间戳计算和更精确的Performance API，并分析了影响白屏时间的六大因素。在优化策略方面，提出了减少关键资源、优化加载顺序、使用SSR、骨架屏、缓存和图片优化等实用方法。最后介绍了性能相关工具，强调性能优化是一个需要持续改进的过程。通过合理测量和优化，可有效提升用户体验。

2025-05-27 20:18:02 652

原创 Vue 3 中使用 JSX 的完整指南

本文介绍了在Vue 3项目中使用JSX的完整指南。JSX相比模板语法更具灵活性，特别适合处理复杂渲染逻辑。文章详细讲解了如何配置Vite项目支持JSX（安装@vitejs/plugin-vue-jsx插件），并通过计数器示例演示了JSX组件的创建和使用方法。重点讲解了JSX语法要点，包括事件处理、条件渲染、列表渲染、class绑定、v-model替代方案等，并介绍了Props、插槽的高级用法以及与TypeScript的结合。最后提出了合理选择使用场景、保持代码一致性的最佳实践建议。JSX为Vue开发提供了更

2025-05-27 19:30:00 2112

原创 Vue 3 + Vite 项目中实现自动配置路由

vite-plugin-pages` 是一个专门为 Vite 设计的插件，能够根据文件结构自动生成路由配置。`unplugin-vue-router` 是另一个支持自动路由生成的插件，特别适合 Vue 3 + Vite 项目。在 `router文件下创建index.js` 并且在其中引入自动生成的路由，同时在main.js下引入。如果我们想查看生成的动态路由的时候，可以在router文件夹下的index下进行打印输出。这个时候，我们的动态路由就算是配置好了。这个时候，我们的动态路由就算是配置好了。

2025-05-26 14:00:00 549