收破烂的小伙子

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

摘要： 错误写法： 正确写法： 阅读全文

摘要： 实现方法： JSON.parse 和 JSON.stringify 实现思路： 先匹配到函数然后手动转义为字符串 然后再转为Json字符串 实现方法： 注： data为需要处理的Json数据 JSON.stringify(data, (key, val) => { if(typeof(val) 'f 阅读全文

摘要： deepVerificationObject(newObj, oldObj) { let i, l, leftChain, rightChain; function compareObjectDifferences(newObj, oldObj) { let p; if (isNaN(newObj) 阅读全文