- 博客(120)
- 收藏
- 关注
RSS订阅原创 Vue 3项目中开发和生产环境都需要的公共变量，是否放在.env文件中
摘要： 在Vite项目中管理环境变量时，推荐使用.env文件存放公共变量（需以VITE_前缀命名），并配合.env.development和.env.production分别定义环境差异配置。注意同名变量会被环境专用文件覆盖，敏感信息应避免提交到代码库。通过import.meta.env访问变量，未加前缀的变量将失效。安全建议包括忽略.env.local文件和分离敏感配置。
2025-09-30 05:00:00
328
原创 Git 进阶指南：深入掌握 git log 查看提交历史
《Git log 命令完全指南：从基础到高级用法》 Git log 是版本控制中最强大的工具之一，本文全面介绍了其核心功能和实用技巧。基础用法显示完整提交记录，包含ID、作者、时间和信息。进阶功能包括：--oneline简洁视图、--graph分支可视化、按作者/时间筛选、文件修改追踪、代码变更对比等。高级用法支持自定义日志格式，通过占位符灵活配置输出。文章还提供了常见场景的推荐命令组合，如快速查看提交、审查文件历史、分析分支合并等。最后介绍了设置别名等实用技巧，帮助开发者高效利用Git log进行问题定位
2025-09-28 17:00:00
456
原创 Git Stash：开发者的“临时储物柜”
Git stash命令是开发者必备的高效工具，用于临时存储工作区修改。它允许你在不提交代码的情况下，切换分支、修复紧急Bug或拉取最新代码。基本用法包括git stash保存修改、git stash list查看记录、git stash pop恢复修改。进阶功能支持包含未跟踪文件、删除特定stash、从stash创建新分支等。典型应用场景包括紧急修复Bug、同步远程代码和临时切换任务。使用时需注意：stash仅本地有效、可能产生冲突、建议定期清理。合理命名stash能提升可读性，这个轻量级工具能显著提升多任
2025-09-27 05:00:00
2010
原创 Git Commit：不只是提交代码，更是写给未来的信
摘要：本文深入探讨如何编写高质量的Git Commit信息，强调其作为代码变更历史记录的重要性。文章提出三大核心原则：原子性（单次提交只做一件事）、语义化（使用规范化的提交类型）和可读性（清晰描述变更内容）。推荐采用Conventional Commits规范格式，包含类型、范围、主题、正文和页脚五部分，并提供了实用工具和常见场景的操作示例。通过良好的Commit实践，可以提升代码可追溯性、协作效率和问题定位能力，使Git历史成为有价值的项目文档。（148字）
2025-09-27 05:00:00
898
原创 vue批量注册全局组件（vue2/vue3）
本文介绍了两种在Vue中批量注册全局组件的方法： Vue 3方案：使用Vite的import.meta.glob自动导入所有组件文件，通过install插件方式批量注册，组件名自动转换为大驼峰命名 Vue 2方案：利用Webpack的require.context功能扫描组件目录，同样通过插件方式批量注册，组件名处理方式与Vue 3类似 两种方法都遵循相同的实现步骤： 创建统一组件目录 编写批量注册逻辑 在main.js中安装插件 无需导入即可在模板中使用 适用于需要大量复用组件的项目，能显著减少重复导入代
2025-09-26 04:00:00
486
原创 前端JS常用正则
本文整理了前端开发中常用的正则表达式，包括手机号码、邮箱、身份证、密码、URL、中文、数字和日期格式的校验规则。每个正则都附有代码示例和详细说明，如手机号校验（^1[3-9]\d{9}$）、邮箱校验（支持常见符号和域名格式）等。此外还提供了工具函数封装建议，便于项目中复用。这些正则表达式覆盖了前端表单验证的主要场景，开发者可根据实际需求调整使用。
2025-09-26 04:00:00
383
原创 vue中.env文件是什么，在vue2和vue3中的区别
Vue项目中环境变量管理指南对比了Vue2(Vue CLI)和Vue3(Vite)的差异，主要包括环境变量前缀(VUE_APP_ vs VITE_)、访问方式(process.env vs import.meta.env)和构建工具区别(Webpack vs Vite)。文章详细介绍了不同.env文件的用途和加载优先级，并提供了两种框架下环境变量的使用示例。特别强调了敏感信息保护和本地文件的git排除规则，最终指出配置分离、安全暴露和便于维护是环境变量管理的核心思想。
2025-09-25 15:11:37
749
原创 vue动态插槽 #[i] 和 v-slot:[i] 对于Prettier的区别
Vue 3 中动态插槽语法存在兼容性差异：#[i]语法糖因包含动态表达式会导致 Prettier 格式化失败，不推荐使用；而标准的v-slot:[i]指令完全兼容 Prettier，是官方推荐做法。建议始终采用v-slot:[slotName]以保证代码可维护性和工具链兼容性。 （注：图片内容无法在摘要中呈现，已用文字说明核心差异）
2025-09-25 10:55:45
304
原创 git commit -m提示失败[FAILED] prettier --write [FAILED]
摘要 在使用prettier格式化Vue文件时，系统报错显示<template>标签未闭合（第37行）。但实际代码使用动态插槽名#['m'+i]，页面运行正常。解决方案是添加--no-verify参数绕过Git钩子检查。 注意：prettier报错表明存在潜在语法问题，虽然不影响运行，但忽略此类警告可能损害代码质量。建议修复而非跳过检查，以保持项目规范性。 （字数：148）
2025-09-24 13:05:35
624
原创 执行git stash pop命令后，代码未恢复
摘要：执行git stash pop时出现错误，提示本地修改可能被覆盖。这是因为git stash pop尝试恢复暂存的修改时，发现工作区存在未提交的更改（如components.d.ts文件）。解决方案包括：1）提交未提交的修改（git add/commit）；2）暂存修改（git stash push -u）；3）丢弃修改（git restore）。操作中止后，原stash记录仍保留。需先处理本地修改再执行git stash pop。
2025-09-24 11:39:54
585
原创 avue crud表头跨列
摘要：本文介绍了如何实现表格跨列表头文字居右的配置方法。通过设置headerAlign: 'right'使表头文字居右，将被跨的表头标题设为空字符串。同时使用CSS样式去除表头第二列的右边框，以优化跨列显示效果。代码示例展示了具体的列配置和样式设置方式。
2025-09-19 15:03:09
334
原创 vscode好用的快捷键整理~
VS Code高效快捷键集锦：复制行（Shift+Alt+↑/↓）、多光标操作（Ctrl+Alt+↑/↓）、删除行（Ctrl+X）、批量选中相同文本（Ctrl+D）、行移动（Alt+↑/↓）。文件查找（Ctrl+P）、行号跳转（Ctrl+G）、代码块折叠展开（Ctrl+Shift+[ ]）。智能光标移动（Ctrl+←/→）和快速括号包裹（选中后输入括号）。这些快捷键可显著提升编码效率。
2024-08-30 10:02:29
2155
原创 vue报错you may need to install appropriate plugins to handle the .bmp file format or is it‘s an asset
failed toparse source for import analysis because the content contains invalid js syntax you may need to install appropriate plugins to handle the .bmp file format or is it's an asset , add '**/*.bmp' to 'assetsInclude' in your configuration
2024-08-30 00:15:00
570
原创 nginx部署前端dist包
nginx部署前端dist包 download > Stable version 可选择稳定版的nginx。1.将打包好的dist放入html目录下。2.打开nginx.conf配置文件。2.打开浏览器输入地址打开项目。nginx压缩包解压后的目录。1.双击启动nginx。
2024-08-29 00:15:00
3519
1
原创 vue项目cnpm install报错Install fail! Error: Invalid tag name “^undefined“
vue npm install报错Invalid tag name "^undefined": Tags may not have any characters that encodeURIComponent encodes. package: root › undefined@^undefinedError: Invalid tag name "^undefined": Tags may not have any characters that encodeURIComponent encodes. p
2024-08-28 00:15:00
1097
原创 vue3子组件修改父组件传来的值
vue3子组件修改父组件的值，不需要父组件传给子组件函数的形式，而是直接在子组件中通过emit修改父组件传来的值。
2024-08-28 00:15:00
1471
原创 ES6 Generator函数 yield与next的使用
Generator 函数概述1. 遇到yield表达式，就暂停执行后面的操作，并将yield表达式的值作为value2. 每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式（或return语句）为止3. Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行
2024-04-28 12:53:53
735
原创 nest使用swagger文档
摘要：NestJS通过@nestjs/swagger模块支持Swagger API文档生成。安装依赖后，在main.ts中配置SwaggerModule，设置文档标题、描述等信息。通过访问/api路径可查看Swagger UI界面。路由参数会自动生成模型定义，使用@ApiProperty装饰器可增强模型属性说明，包括描述、类型和默认值等元数据。该方案能快速为RESTful API生成可视化文档，提升开发效率。
2024-04-24 04:00:00
838
原创 vue项目中定位组件来源的查找思路
例如：如果我不知道【el-tree】，先去【package.json】里面找【el】或者【el-】开头的插件名，结果知道了【element-ui】这样就可以直接百度去看【element-ui】的文档。【.component(“】 这种有引号检索可能会检索不到，因为每个人编码规范，不确定代码中用的是单引号【‘’】或者双引号【”“】【.component(】 这种一般情况只要写了全局组件，始终是能查到的（大部分情况下）先去【package.json】里面看看有没有看【a】开头或者【a-】开头的插件名。
2024-04-23 15:38:18
1311
原创 用Nest实现对数据库的增删改查~
TypeORM 提供了对许多关系数据库的支持，比如 PostgreSQL 、Oracle、Microsoft SQL Server、SQLite，甚至像 MongoDB 这样的 NoSQL 数据库。增删改查接口，连接数据库
2024-04-21 13:26:33
1428
原创 nest Providers服务创建、使用
CatsService 是通过类构造函数注入的。注意这里使用了私有的只读语法。这意味着我们已经创建并初始化了 catsService 成员。下面截图中，服务重启后重新获取列表，可以看到之前插入的数据已经不见了。因为当应用程序关闭时，每个 provider 都将被销毁。
2024-04-16 05:00:00
497
原创 nest获取传入接口的参数
@Query可接收接口路径中传入的参数@Body可接收body中传入的参数@Headers可接收Headers中传入的参数
2024-04-07 00:30:00
3261
原创 nest路由参数
当你需要接受动态数据作为接口请求的一部分时（例如：GET请求 /cats/1 获取 id 为 1 的数据）可以在路径中添加的标记:参数名，捕捉该位置的动态值将@Param()装饰器加在函数接收参数的位置中，然后使用。
2024-04-06 17:00:20
4359
原创 nest状态码HttpCode
默认情况下，响应的状态码总是默认为 200，除了 POST 请求（默认响应状态码为 201），可以通过在处理函数外添加 @HttpCode（…） 装饰器来轻松更改状态码。
2024-04-06 15:57:35
4285
原创 js动态替换字符串中所有匹配到的片段（replace + RegExp实现）
把字符串中匹配到的所有’A’替换成’哈’//哈12哈34哈56哈789哈。
2024-04-02 23:34:36
2982
前端JavaScript实现拼图游戏
2023-05-31
csdn会员有没有什么实用的功能呀
2023-05-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人