删除 node_modules / .vite /deps 文件加下面的文件，重新运行 npm run dev 即可。如果你在 node_modules 中某个包的某个文件中加了一些日志和打印了一些东西，但是刷新页面没有生效，你需要。或者在 npm run dev 的命令中增加vite--force 会强制清空依赖缓存并重新构建。这个文件夹下面的东西是 vite 预构建的缓存，

/ 获取各个环境的配置return {plugins: [debug: true, // 开启打印 sentry 上传日志，调试用authToken: env.VITE_SENTRY_AUTH_TOKEN, //必须release: {name: 'my_release' // 自定义版本号 release},filesToDeleteAfterUpload: './dist/**/*.map'

Vue 项目中的全局样式不应依赖#app，而应当绑定在html或body上。这是因为部分组件（尤其是通过teleport实现的弹窗、浮层等）并不会在#app节点内渲染。良好的样式结构分层能让整个项目在视觉和逻辑上更加统一，避免组件层级带来的样式继承问题。

JS 报错会阻塞同作用域内的后续逻辑，包括 Vue 组件的渲染与事件绑定。防止报错的方法：使用可选链或判断对象存在；使用try-catch捕获异常；必要时延迟调用，避免同步阻塞。通过这些方法，可以保证el-tooltip等组件即使在第三方对象缺失或异常时，也能正常渲染和显示。

在 React 中，我们经常需要在组件中注册事件监听，例如window的resizescroll，或者自定义的事件。为了避免内存泄漏和重复注册，React 推荐使用useEffect来管理事件监听器的注册和移除。本文将详细讲解这种方法。

需要触发组件重新渲染的数据。依赖于 UI 更新的状态，例如：表单输入值、开关状态、计数器等。不依赖于 UI 渲染的状态。需要在多次渲染间保存数据，但不想每次都触发渲染。操作 DOM 或保存定时器、上一次的值、外部对象等。掌握useState和useRef的使用场景区别，是写高效 React 组件的关键。合理选择 Hook，不仅能减少不必要的渲染，还能让代码逻辑更清晰、更易维护。

在中大型前端项目中，弹框往往不仅用于显示信息，还承担着多步骤流程，例如创建、编辑、确认等操作。传统通过多个 `el-dialog` 或 `v-if` 控制的方式容易导致状态分散、流程混乱、扩展成本高。本文基于 Vue3，结合动态组件、配置驱动和轻量命令模式，设计了一套工程化弹框流程管理方案：通过统一的 `el-dialog` 容器承载所有弹框，使用 `dialogConfig` 描述弹框界面，`d

前端开发中，转义并非统一语法，而是由运行上下文决定规则。JavaScript 使用反斜杠 \ 在字符串和正则中表达特殊字符或避免语法冲突，如 \"、\\、\n，发生在代码编译或执行阶段，浏览器不会直接感知。HTML 则通过字符实体 <、>、& 等控制浏览器解析行为，决定内容是否被渲染为真实 DOM 结构，常用于代码展示、标签文本化以及防止 XSS 注入。二者目标不同：JS 解决

假如我们要实现某个网站的《隐私协议》等静态页面，产品给了一个 word 文档，以前我都是手动从 word 文档复制一行的文字，然后粘贴到一个html文件中，还得自己加各种标签，很麻烦。其实还可以使用 wps等工具将word重命名为一个 html文件，但是我测试了一下，生成的html结构和样式比较混乱，不太好修改。我们可以使用 trae 等 ai 工具实现 word 转 html 的功能，本质是使用

问题原因解决办法无效被覆盖改成no-drag点击事件没反应被 drag 区吞掉同上hover 样式失效drag 区不响应交互事件同上会让区域变成“窗口拖拽层”，不再响应任何鼠标交互；想恢复交互，就加。