shimh_凉茶-CSDN博客

原创 python3脚本实现查找并标记某个git commit之后所有版本的代码

这个Python脚本用于自动标记Git历史版本间的代码改动。它通过查找指定提交后的所有变更文件，并在修改的代码行前添加空格，从而触发Git差异对比。用户只需设置目标提交哈希值，运行脚本后，所有在该提交后修改的代码行都会被标记。这种方法可以快速识别项目中的代码变更，便于版本对比和代码审查。脚本会输出处理结果，包括修改的文件数量和代码行数。

2025-11-21 14:01:10 202

原创 webpack+vue2打包分析视图插件 webpack-bundle-analyzer

本文介绍了如何使用webpack-bundle-analyzer分析Vue项目打包文件。首先通过npm安装依赖，然后在vue.config.js中引入并配置BundleAnalyzerPlugin插件，设置analyzerMode为server模式，并启用自动打开浏览器功能。最后通过npm run build命令打包后，会自动生成可视化分析页面，帮助开发者优化项目体积。

2025-11-21 11:40:15 307

原创 vite打包报错：The symbol “bem“ has already been declared

摘要：在打包前端项目时遇到"Symbol 'bem'重复声明"的报错，通过修改package.json中vite版本解决。将devDependencies中的"vite": "^7.0.6"改为"vite": "npm:rolldown-vite@latest"。也有建议添加"resolutions": { "rollup": "4.50.0" }的

2025-09-12 11:53:26 431

原创 Vue3 + vueRouter4.x 控制台No match found for location with path ‘/home‘ 问题

摘要：动态加载路由时出现"路径未匹配"警告，通常是因为路由尚未加载完成。解决方案是在默认路由中添加404捕获路由（:catchAll(.*)），这样在beforeEach钩子执行时，即使目标路由还未加载，系统也不会报错，待正确路由加载后即可正常跳转。注意需排除路由name重复和子路由多余斜杠问题。（98字）

2025-09-10 17:42:22 459 1

原创 npm install 报错问题解决 npm install --ignore-scripts

该方法能解决因服务器切换导致的依赖下载失败问题，如deasync和node-sass等需要执行构建脚本的依赖包报错。虽然安全性提升，但可能影响部分依赖包功能。

2025-09-03 18:24:08 379

原创 vite+vue3 打包体积视图分析插件 rollup-plugin-visualizer

摘要：本文介绍了如何使用rollup-plugin-visualizer分析Vite项目的打包体积。首先通过npm安装插件，然后在vite.config.js中配置插件参数（包括输出文件路径、自动打开、显示gzip/brotli压缩大小）。建议通过环境变量控制插件开关，避免影响生产构建。最后执行npm run build命令后，系统会自动生成可视化分析报告，帮助开发者优化项目打包体积。文中还提到可以使用cross-env插件管理环境变量。

2025-06-24 11:44:57 503

原创 vue2中el-table 实现前端分页

当接口返回大量未分页数据时，前端可通过截取数据实现分页效果。示例代码展示了如何利用Vue计算属性对全量数据tableData进行分页处理，生成当前页数据tablePageData。由于截取的数据与原数组共享内存引用，表单编辑能实时同步到全量数据中。通过el-pagination组件控制分页参数，实现前端分页功能，避免一次性渲染大量数据导致的性能问题。

2025-05-24 14:43:04 525

原创输入百分比校验（数字非负数保留2位不四舍五入）

场景用于输入百分比，限制只能输入非负数，保留2位小数，且不四舍五入。以下举例环境 vue2 + element-ui。请自行根据实际场景使用。

2025-03-27 16:19:10 417

原创 axios放开鉴权withCredentials

withCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。前端通过将withCredentials属性设置为true指定某个请求应该发送凭据。如果局部想关闭鉴权可在业务局部设置 withCredentials为false。如果全局设置为true会触发鉴权，导致鉴权未通过的跨域问题。withCredentials默认 false。

2025-03-25 16:26:19 483

原创 VS Code i18n国际化组件代码code显示中文配置 i18n ally

VUE项目做i18n国际化之后，代码中的中文都变成了code这时的代码就会显得非常难读，如果有一个插件能把code转换成中文显示就好了。**缺点：**通过关键词搜索中文搜不到，因为是个悬浮中文，没有改变原始文本。他是一个虚拟悬浮中文显示，鼠标点上去还是恢复成code，不会改变原代码。settings.json 内容如下。**优点：**变直观了。

2025-01-24 14:28:53 965

原创 FromData格式提交接口时入参被转成JSON格式问题

本地上传文件后通过事件提交文件，一般先通过前端组件生成文本流，在通过接口提交文本流，提交文本流一般使用FormData的入参形式传入，接口请求头也默认"Content-Type": “multipart/form-data”，但是某些场景统一设置了请求头，使得请求接口时并不会自动转换，则上传的接口入参被转为了JSON格式。前提是在请求组件中要解构，将外来的header解构到公共组件中设置的header对象中，这样才能把值传进去。这样在请求时单独设置请求头。

2024-11-15 10:17:51 873