收破烂的小伙子

摘要： 前言 在 Flex 布局中，我们经常遇到这样的需求： 桌面端侧边栏在左边，移动端希望主内容显示在前面； 某个重要通知需要置顶； 某个“返回顶部”按钮需要放到最后； 商品卡片中，热门商品要排在前面。 如果每次都去改 HTML 结构，不仅麻烦，还可能影响 SEO、表单提交顺序和可访问性。 CSS 提供了 阅读全文

摘要： 前言：最近在项目中因为表格中需要实现行编辑，且表格中存在大量数据，导致页面初次加载时间比较长，因此在项目中对表格组件进行改造，使用RecycleScroller 组件替换表格加载 RecycleScroller 是 vue-virtual-scroller 库提供的定高虚拟滚动组件，核心原理是：只渲 阅读全文

摘要： 原因：Element Plus 把拖拽偏移存在 useDraggable 的闭包里，外部无法访问。所以 resize 修正 DOM 的 transform 后，闭包内的旧偏移并不会同步。 解决方法：手动实现dialog内置的拖拽效果 <template> <el-dialog :draggable= 阅读全文

摘要： import { ElMessage } from 'element-plus'; /** * 监听网站是否重新部署 */ const scriptReg = /\<script.*src=["'](?<src>[^"']+)/gm; let lastScripts; const DURATION 阅读全文

摘要： 前言 在实际项目开发中，我们经常会遇到需要从后端获取大量数据（几千甚至上万条）并在下拉选择框中展示的场景。如果直接渲染所有数据，会导致页面卡顿、内存占用过高，严重影响用户体验。 本文将介绍如何基于 Vue3 + Ant Design Vue 实现一个高性能的大数据下拉选择组件，包含搜索功能、智能分页 阅读全文

摘要： 最近在日常项目开发中，偶然间发现使用LODOP打印的文件的尺寸比实际的文件尺寸要短一点，大概2-3mm的误差，经过后面查阅资料发现，LODOP 在不设置缩放比例的情况下，会默认按97%的比例去缩放文件内容 解决办法 LODOP.SET_PRINT_PAGESIZE(3, 0, 0, '') LODO 阅读全文

摘要： 最近在工作中，维护文件预览的功能时，发现部分文件的内容展示不全。起初怀疑是后端返回的base64 内容有缺失，于是抓紧数据之后，单独用ifarme去创建展示这段base64。结果文件又能正常展示之后断点调试程序时，发现插件中给出了一个警告信息 Warning: Error during font l 阅读全文

摘要： 最近工作中临时被指派排查一个问题，预览文件时，会导致预览页面的其它元素隐藏。之后拉取代码发现，进入页面后会通过一个获取地址栏参数的方法获取地址栏中传入的参数信息去处理业务信息。 // 获取地址栏参数 export function GetQueryString(name) { let reg: an 阅读全文

摘要： 在Vue生态中，"Hooks"这个概念随着Vue3的发布而变得火热。但很多开发者可能会有疑问：Vue2中不是也有"混入"(mixins)吗？它们有什么区别？为什么Vue3要引入Hooks？ 本文将深入探讨Vue3中Hooks的实现方式，并与Vue2的Mixins进行对比，通过一个实际的例子，比较出两 阅读全文

摘要： 引言 在前端开发中，网络请求的处理是日常工作中的重要部分。然而，不当的请求管理可能导致重复提交、资源浪费和用户体验下降。今天我们将深入探讨两种常见场景下的请求优化方案：表单提交防重复和搜索框防抖中断。 场景一：表单提交，服务器长时间未响应，用户需要取消请求 实现方案 const handleSubm 阅读全文