收破烂的小伙子

摘要： 最近在工作中，维护文件预览的功能时，发现部分文件的内容展示不全。起初怀疑是后端返回的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: 一个项目同时切到两个分支，这样子一个服务给后端大佬去排查问题，另一个服务我们继 阅读全文

摘要： 什么是URLSearchParams？ URLSearchParams是一个Web API，提供了一系列方法来处理URL的查询字符串。它让我们能够以更直观、更安全的方式构建和解析URL参数。 传统方式 vs URLSearchParams 传统方式（字符串拼接）： // ❌ 不推荐 - 容易出错，需 阅读全文

摘要： 示例： '[{"specId": 3140724743078936585, "quantity": 1, "specName": "箱"}, {"specId": 3140724798770905093, "quantity": 10, "specName": "盒"}, {"specId": 31 阅读全文

摘要： 对 Avue Crud 组件的深度二次封装及动态列配置功能详解 在我们的前端项目中，表格是一个非常重要的组件，用于展示各种业务数据。为了提升开发效率和用户体验，我们对 Avue 的 Crud 组件进行了深度的二次封装，并实现了表格列的动态配置功能。本文将详细介绍这一技术实现过程。 为什么需要二次封装 阅读全文

摘要： <el-input placeholder="请输入内容" v-model="testValue" oninput="value=value.replace(/^0|[^0-9]/g,'')" > </el-input> 阅读全文