前端 标签下的文章
npm 和 yarn
这篇文章介绍了前端开发者常用的npm和yarn包管理工具的使用技巧，核心内容包括：如何修改npm和yarn的镜像源为淘宝镜像以加速访问；如何查看和修改全局安装路径及缓存路径；如何通过npm link和npm pack进行本地调试；以及如何使用nrm、yrm、cgr等第三方工具快速切换源。此外，还提供了升级依赖的方法（如ncu工具）和CLI命令对比，帮助开发者更高效地管理项目依赖。
patch-package使用
patch-package是一款用于修改第三方依赖包的工具。它允许开发者直接在node_modules中修改依赖文件，然后生成补丁文件并提交到代码仓库。通过配置postinstall脚本，可在每次安装依赖时自动应用补丁，有效解决第三方包的bug问题。该工具支持yarn和npm，并提供多种选项如指定补丁目录、排除或包含特定路径等，同时支持嵌套依赖模块的修改和补丁的更新与撤回操作。
TortosseGit的ssh配置
本文介绍了TortoiseGit的SSH配置方法。由于TortoiseGit使用ppk格式密钥而非OpenSSH格式，需通过PuTTY Key Generator生成密钥，保存为private.ppk文件。随后使用Pageant工具加载该密钥，并在Git和TortoiseGit设置中分别添加SSH Key及指定private.ppk路径。完成配置后即可使用TortoiseGit进行代码拉取与提交操作。
nginx常用配置
本文总结了Nginx的常用配置，包括HTTPS设置、GZip压缩静态文件（重点针对HTML、CSS、JS等文本资源可达到70-90%压缩率）、HTTP自动重定向到HTTPS、缓存时间控制及防止直接访问目录。核心要点是精细化缓存策略：让入口HTML不缓存，带Hash的静态资源永久缓存，并建议CDN配置与源站保持一致。
浏览器调试
Chrome 浏览器开发者工具调试技巧，包括异常断点、DOM 断点等高级调试方法
vue-element-admin使用
vue-element-admin 后台管理框架使用指南，包括移除 mock、配置代理等
el-upload封装
Element UI el-upload 组件二次封装，实现文件上传功能组件化
文件上传
Vue2 文件上传实现，使用 Element UI el-upload 组件实现自动上传和手动上传
mavon-editor局部引入
Vue2 中局部引入 mavon-editor Markdown 编辑器组件的配置方法
vuex使用
Vue2 Vuex 状态管理使用指南，包括 store、mutation、action 的基本用法
注意事项
Vue3 开发注意事项，包括 setup 函数、路由使用、props 定义等常见问题
swagger自动生成接口
使用 @zeronejs/cli 工具根据 Swagger 文档自动生成前端 API 接口代码
动态路由
Vue3 动态路由实现，根据用户权限动态添加路由并使用 pinia 管理路由表
整合 Element Plus
Vue3 整合 Element Plus，使用 unplugin-auto-import 和 unplugin-vue-components 实现自动导入
wangeditor使用
Vue3 中使用 wangeditor 富文本编辑器，包含工具栏配置和组件封装
monacoEditor使用
Vue3 + Vite4 中集成 Monaco Editor 代码编辑器，实现组件封装
自定义404页面
Vue2 和 Vue3 自定义 404 页面实现，包含页面样式和返回首页功能
验证码封装
Vue3 EasyCaptcha 验证码组件封装，实现验证码显示和校验功能
联表查询SQL
MyBatis 联表查询 SQL 示例，实现用户分页列表查询并关联部门和角色信息
tsconfig.json详解与常用配置
TypeScript tsconfig.json 配置详解，包含顶层配置、compilerOptions 和常用编译选项
CSS高度自适应
本文介绍了CSS中实现高度自适应的关键技术与策略。核心围绕`content-visibility: auto`属性及其配套属性`contain-intrinsic-size`展开，前者用于优化长列表等非首屏内容的渲染性能，后者则解决其导致的高度塌陷问题。文章还强调了`min-height`作为基础布局保障的作用，并明确了`content-visibility: auto`的适用与禁用场景，旨在帮助开发者有效避免页面闪烁和布局抖动。