道法自然

摘要： 📁 项目根目录 项目名称/ ├── .vscode/ # VSCode 配置 │ ├── settings.json # 编辑器设置 │ └── extensions.json # 推荐扩展 ├── .husky/ # Git hooks │ └── pre-commit # 提交前检查 ├── 阅读全文

摘要： 前言 在现代软件开发中，代码质量和提交规范是保证项目可维护性的关键因素。本文将介绍一套基于 AI 辅助的代码审查与提交规范实践方案，通过自动化工具和标准化流程，提升开发效率和代码质量。 一、核心价值 1.1 为什么需要自动化代码审查？ 一致性：确保所有代码都遵循相同的质量标准 效率：减少人工审查时间 阅读全文

摘要： 前言 在现代前端开发中，代码质量和代码格式的一致性至关重要。ESLint 和 Prettier 是两个不可或缺的工具，但它们各自有不同的职责。本文将详细介绍如何在 Vue3 + TypeScript 项目中正确集成这两个工具，避免冲突，实现最佳实践。 一、ESLint 与 Prettier 的区别 阅读全文

摘要： 单个组件的合适行数标准如下： 前端组件行数规范 1. 推荐标准 理想范围: 200-300行 可接受范围: 300-500行 需要重构: 超过500行 2. 不同场景的具体建议 简单组件 行数: 50-150行 特点: 单一职责，简单展示或交互 示例: 按钮、输入框、标签等基础组件 中等复杂度组件 阅读全文

摘要： 简介 作为前端开发者，我们经常需要在浏览器和 vs code 之间来回切换，寻找页面上某个元素对应的源代码。今天要介绍的 code-inspector-plugin 就是一个能够显著提升这一工作流效率的神器。 核心功能 一键定位：点击页面任意 DOM 元素，自动在 vs code 中打开对应源码 多 阅读全文

摘要： 背景介绍 在前端应用开发中，当我们部署新版本后，往往需要用户手动刷新页面才能获取最新内容。这种体验并不理想，本文将介绍如何使用 Service Worker 结合版本号实现自动检测更新并提示用户刷新页面的功能。 实现原理 使用 Service Worker 拦截并缓存应用资源 通过检测 versio 阅读全文

摘要： 场景说明 在团队协作开发中，开发者经常需要在特性分支（如 dev_feature_xxx）上实现新功能，同时需要定期同步主分支（如 develop）的最新代码，避免最终合并时产生严重冲突。本文将通过一个实际案例，演示如何安全地将主分支更新合并到特性分支，并完成代码推送与合并请求。 完整操作流程 1. 阅读全文

摘要： 总是忘记若依中怎么引用的svgicon，记录一下 yarn add vite-plugin-svg-icons vite.config.ts plugins: [vue(),createSvgIconsPlugin({ // 指定要缓存的图标文件夹 iconDirs: [resolve(proces 阅读全文

摘要： <img src="/static/images/test.svg"> img{ position: relative; left: -1000px; filter: drop-shadow(#ffffff 1000px 0); } 最好还是使用字体图标，iconfont 阅读全文

摘要： npm install --save @antv/x6 <template> <div class="dashboard-container"> <p>选择节点</p> <button @click="save">保存</button> <div class="antvBox"> <div clas 阅读全文