收破烂的小伙子

摘要： 原因：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 阅读全文

摘要： 最近在项目实战中，需要使用跨页面通信来传递数据，所以对两种通信方式做了一下比对研究 window.postMessage // 发送方 window.postMessage({ type: 'message', data: 'Hello' }, 'https://target-origin.com' 阅读全文

摘要： 场景： 在开发项目A功能时，此时后端大佬说需要你切换到B功能分支，去配合它进行问题修复 解决办法： 1: 暂存A功能的代码，切换到B功能分支，然后启动本地服务，让他访问去排查问题（然后就是漫长的等待.......） 2: 一个项目同时切到两个分支，这样子一个服务给后端大佬去排查问题，另一个服务我们继 阅读全文