道法自然

摘要： 单个组件的合适行数标准如下： 前端组件行数规范 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 阅读全文

摘要： // 用sharp转换图片格式 const Sharp = require('sharp'); // 引入fs库用于文件操作 const fs = require('fs'); // 引入path库用于处理文件路径 const path = require('path'); // 引入exiftoo 阅读全文

摘要： npm i dayjs --save import dayjs from 'dayjs'; /** * 获取日期的函数 */ updateWeek(weekOffset) { const today = dayjs() const timestamp = Math.round(new Date()) 阅读全文

摘要： 单行溢出代码 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行溢出代码 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit 阅读全文