gxdzi的博客

原创 同一个接口，掉2次，取消上次请求，详细代码

无需额外编写代码，只需确保在您的项目中通过导入并使用这个配置好的 axios 实例来发起请求即可。在您提供的背景知识中，文件 src/utils/request.js 已经包含了实现同一个接口调用两次时取消上次请求的逻辑。// 引入CancelToken对象。// 可选：取消后删除令牌。其他配置，如设置token、序列化参数等 …// 检查是否存在取消令牌，如果存在则取消上次请求。// 为本次请求创建新的取消令牌。// 存储取消令牌的对象。// 创建axios实例。// 获取请求的唯一标识。

原创 unplugin-vue-components，unplugin-auto-import，借用ai去学习

好的，我现在需要帮助用户理解他们提供的这段Vite配置代码。用户之前已经询问过关于`ElementPlusResolver`的导入问题，现在他们展示了在`vite.config.ts`中使用该解析器的具体配置。我需要逐步分析这段代码，并解释每个部分的作用。AutoImport和Components。这两个插件都属于的一部分，或者可能来自其他unplugin插件，比如。需要确认这两个插件的来源，但根据常见的配置，AutoImport可能来自，而Components来自。

原创 TS从0到1入门到大神

watch src 代表只监听 src 目录下的文件变化，然后执行下面的命令-e ts 代表监听 ts 文件的变化，然后执行下面的命令–exec 代表执行下面的命令tsc。

原创 express JWT

当接收到请求时，从请求头中获取存储的 JWT（通过 req.headers.authorization），并使用 jsonwebtoken 的 verify 方法验证 JWT 的有效性。如果匹配，则返回登录成功的 JSON 响应，并使用 jsonwebtoken 的 sign 方法生成一个 JWT，其中包含用户的 ID 信息，并设置了过期时间为 24 小时。这段代码实现了基本的用户登录验证和通过 JWT 鉴权的接口，在登录成功后生成的 JWT 中包含了用户的 ID 信息，从而在后续请求中进行验证和授权。

原创 Nodejs pngquant

pngquant是一个用于压缩 PNG 图像文件的工具。它可以显著减小 PNG 文件的大小，同时保持图像质量和透明度。通过减小文件大小，可以提高网页加载速度，并节省存储空间。pngquant提供命令行接口和库，可轻松集成到各种应用程序和脚本中。

原创 Nodejs os模块

非常经典的例子 webpack vite 大家应该都用过 他们有一个配置项可以打开浏览器 open:true 我们来简单复刻一下。例如我的电脑是六核十二线程就会获取到12个线程。知道这些信息有什么用？

原创 我的创作纪念日

提示：职业规划、创作规划等​​。

原创 Serverless 时代

一直以来，应用的逻辑重心偏向后端，前端开发者不甚愿意了解业务，对业务方面的思考比较浅薄。但在 FaaS 模式下，前端开发者除了担负传统的界面开发，还要担负数据管理的工作（编写云函数操作数据），此时不再由后端提供接口，数据对接需要前端开发者自己开发和调试，这就要求每个前端开发者必须有全栈开发的能力。在这个综合项目中，我会带领大家一同体验前端 + Serverless 的全栈开发流程，从头开始实现一个完整的应用，并且配置和编写服务函数与前端对接，这部分非常有意思，相信你也能从这种全新的开发模式中看到未来。

原创 el-checkbox的默认值从true和false更改为0和1

【代码】el-checkbox的默认值从true和false更改为0和1。

原创 魔法甜点之和：小包的新挑战

小R不再追求甜点中最高的喜爱值，今天他想要的是甜点喜爱值之和正好匹配他的预期值 S。为了达到这个目标，他可以使用魔法棒来改变甜点的喜爱值，使其变为原来喜爱值的阶乘。个魔法棒，他可以选择任意甜点使用，但每个甜点只能使用一次魔法棒。他的目标是通过选择一些甜点，可能使用魔法棒，使得这些甜点的喜爱值之和恰好为。请计算小R有多少种不同的方案满足他的要求。如果两种方案中，选择的甜点不同，或者使用魔法棒的甜点不同，则视为不同的方案。下午茶小哥今天带来了 N 个甜点，每个甜点都有一个固定的喜爱值。

原创 最小替换子串长度

小F得到了一个特殊的字符串，这个字符串只包含字符A、S、D、F，其长度总是4的倍数。他的任务是通过尽可能少的替换，使得A、S、D、F这四个字符在字符串中出现的频次相等。求出实现这一条件的最小子串长度。

原创 vue3 ts button 组件封装

【代码】vue3 ts button 组件封装。

原创 计算从位置 x 到 y 的最少步数

小F正在进行一个 AB 实验，需要从整数位置 x 移动到整数位置 y。每一步可以将当前位置增加或减少，且每步的增加或减少的值必须是连续的整数（即每步的移动范围是上一步的 -1，+0 或 +1）。首末两步的步长必须是 1。求从 x 到 y 的最少步数。输入描述 输入包含两个整数 x 和 y，表示起始位置和目标位置。输出描述 输出从 x 到 y 所需的最小步数。计算从位置 x 到 y 的最少步数。

原创 优化青海湖至景点X的租车路线成本

小F计划从青海湖出发，前往一个遥远的景点X进行旅游。景点X可能是“敦煌”或“月牙泉”，线路的路径是唯一的。车辆的油箱容量为400L，在起始点租车时，车内剩余油量为 200L。此外，到达目标景点X还车的时候，需要保证车内剩余的油至少有 200L。distance：从青海湖到景点X的总距离（km），距离最远不超过 10000 km。如果无法到达景点X，或者到达景点X还车时油料剩余不足 200L，则需要返回 -1。小F需要你帮助他计算，如果合理规划加油站的加油顺序和数量，最小化从青海湖到景点X的旅行成本（元）。

原创 最大矩形面积问题

【代码】最大矩形面积问题。

原创 M的多任务下载器挑战

【代码】M的多任务下载器挑战。

原创 elementUI Table获取单击的是第几行和第几列

【代码】elementUI Table获取单击的是第几行和第几列。

原创 古生物DNA序列血缘分析

小U是一位古生物学家，正在研究不同物种之间的血缘关系。为了分析两种古生物的血缘远近，她需要比较它们的DNA序列。DNA由四种核苷酸A、C、G、T组成，并且可能通过三种方式发生变异：添加一个核苷酸、删除一个核苷酸或替换一个核苷酸。小U认为两条DNA序列之间的最小变异次数可以反映它们之间的血缘关系：变异次数越少，血缘关系越近。你的任务是编写一个算法，帮助小U计算两条DNA序列之间所需的最小变异次数。dna1: 第一条DNA序列。dna2: 第二条DNA序列。

原创 和的逆运算问题

n 个整数两两相加可以得到 n(n - 1) / 2 个和。我们的目标是：根据这些和找出原来的 n 个整数。按非降序排序返回这 n 个数，如果无解，输出 “Impossible”。

原创 动态规划解决徒步旅行中的食物购买问题

【代码】动态规划解决徒步旅行中的食物购买问题。

原创 解决日历组件上加日期选择器层级出错问题

利用 this.visible 的显示属性，去解决层级低问题，因为elementui组件层级是递增的。

原创 JavaScript中 ?. !. ?? 的用法及区别

【代码】JavaScript中??的用法及区别。

原创 //传入年龄、年龄类型，返回出生日期，通过日期计算年龄类型

【代码】//传入年龄、年龄类型，返回出生日期，通过日期计算年龄类型。

原创 Vue ElemetUI table的行实现按住上下键高亮上下移动效果

【代码】Vue ElemetUI table的行实现按住上下键高亮上下移动效果。

原创 输入框下拉表格组件

【代码】输入框下拉表格组件。

原创 vue2实现左右布局宽度可拖拽

【代码】vue2实现左右布局宽度可拖拽。

原创 fetch-event-source

【代码】fetch-event-source。

原创 websocket+pcm-player实现pcm音频播放

【代码】websocket+pcm-player实现pcm音频播放。

原创 若依菜单 纵向展示，实现 触摸 显示隐藏

我。

原创 elementui 表单 tab切换下个光标能不能改成enter键

在 ElementUI 中，默认情况下，表单项之间的切换通常是通过 Tab 键实现的。如果你想修改这一行为，使用户在填写表单时按下 Enter 键就能切换到下一个输入框（光标移动到下一个表单项），这需要借助 Vue 的自定义指令或者在每个输入框的事件监听上做处理。使用Vue自定义指令(v-enter-next) 首先，你可以创建一个全局自定义指令来监听键盘事件，当检测到 Enter 键时，模拟 Tab。键的行为，从而达到切换输入框焦点的目的。

原创 java入门01

原创 开启 JS 的 “多线程”，3 分钟掌握 Web Worker

【代码】开启 JS 的 “多线程”，3 分钟掌握 Web Worker。

原创 做个 3D 按钮

底部的 div：类似于按钮的“卡槽”，用来呈现 3D 效果。顶部的按钮：表示实际触发的点击位置。边缘的阴影：使 3D 效果更加仿真。

原创 若依菜单横向展示

需要代码可以加我。

原创 js对比数组的相同值跟不同值

【代码】js对比数组的相同值跟不同值。

原创 若依vue框架，通过标识判断禁止进入页面，以及关闭tag-view标签

【代码】若依vue框架，通过标识判断禁止进入页面，以及关闭tag-view标签。

原创 el-select 下拉查询

【代码】el-select 下拉查询。

原创 右键点击树组件中的节点，弹出增删改的菜单，要求菜单总是在点击位置的附近

【代码】右键点击树组件中的节点，弹出增删改的菜单，要求菜单总是在点击位置的附近。

原创 一个数组对象添加到另外一个数组对象id不能重复

【代码】一个数组对象添加到另外一个数组对象id不能重复。

原创 如何设计一个数据埋点的完美技术方案？

2.可以通过window.requestIdleCallback在浏览器空闲的时候执行上报任务,浏览器如果不支持,fallback到后台。3.根据业务体量，可以设置节流函数，定义阀次进行批量上传，点击次数大于阀次值时，调用一次ajax接口进行上报。1.不要影响到正常接口，可以放后台执行，防止阻塞主线程(settimeout),异步(webwork)4.后台处理相应，成功返回json数据，并且清空累积的数值，上传失败需要进行重试。基础原理:通过ajax往后台上报数据，后台根据每一段时间的数据，做报表统计。