摘要: const eventNames = ["API:UN_AUTH", "API:INVALID_TOKEN","UI:OPEN_MESSAGE","UI:OPEN_MODAL" ,"..."] as const; type EventName = (typeof eventNames)[number 阅读全文
posted @ 2025-08-18 11:21 codeTransfer 阅读(6) 评论(0) 推荐(0)
摘要: ## 场景⚡> **假如我们有一个按钮以及一个终点目标,在点击按钮的时候出现一个类似于购物车的小球入库的动画效果** <template> <div ref="boxWrapRef" class="animation_demo"> <div> <a-button @click="handleClic 阅读全文
posted @ 2025-08-04 14:55 codeTransfer 阅读(16) 评论(0) 推荐(0)
摘要: 效果✨✨✨ 应用在某些logo文字或title上感觉效果也挺不错的。 实现思路💡 1️⃣ 将每个字符作为一个单体元素处理并渲染 2️⃣ 给字符添加一个改变`color`以及`text-shadow`的animation关键帧 3️⃣ 设置每个字符的`animation-delay`实现交错效果 代 阅读全文
posted @ 2025-07-29 10:38 codeTransfer 阅读(12) 评论(0) 推荐(0)
摘要: 背景 文件上传功能在中后台项目中是最常见的功能,分片上传是一种将大文件分割成多个小片段进行上传的技术,可以有效提高文件上传的速度和稳定性。 思路 1.首先就是使用File.slice对文件进行分割产出一个数组用于存储每个小的chunk片段 2.异步计算hash值,可用作标识文件进而实现文件的断点续传 阅读全文
posted @ 2023-09-01 17:08 codeTransfer 阅读(1431) 评论(0) 推荐(0)
摘要: 假如给你一个数组,里面是请求路径,如何设计一个函数去控制这些请求的并发呢? 这里我们用的请求路径为https://jsonplaceholder.typicode.com/todos来模拟 const reqArr = []; for (let i = 1; i <= 10; i++) { reqA 阅读全文
posted @ 2023-08-24 19:36 codeTransfer 阅读(78) 评论(0) 推荐(0)
摘要: 1.假设有一个数组,内部有许多重复的值(今天我们只考虑基本类型的值),需要将其重复的值去掉。 例如: let arr=[1,1,2,2,3,3,4,4,5,6,7,'9',9] 方案一:利用Set数据结构 let newArr=Array.from(new Set(arr));//需要用Array. 阅读全文
posted @ 2023-08-23 10:54 codeTransfer 阅读(48) 评论(0) 推荐(0)
摘要: html, body { overflow-y: auto; /* 滚动条 */ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #eff3f5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-sc 阅读全文
posted @ 2022-05-23 09:31 codeTransfer 阅读(33) 评论(0) 推荐(0)
摘要: /[`~!@#$%^&*()_\-+=<>?:{}|,.\/;\\[\]·~!@#¥%……&*()——\-+={}|《》?:''""‘’“”【】、;,。、]*/im, 阅读全文
posted @ 2022-05-13 11:54 codeTransfer 阅读(45) 评论(0) 推荐(0)
摘要: [ { name: "北京市", value: "北京市", id: "110000" }, { name: "天津市", value: "天津市", id: "120000" }, { name: "河北省", value: "河北省", id:& 阅读全文
posted @ 2022-04-18 16:20 codeTransfer 阅读(94) 评论(0) 推荐(0)