- 博客(211)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 el-table点击高亮，如果点击频率快，就会出现第一条高亮还是选中的，但是此时还有其他行也是高亮的
本文介绍了使用Element Plus表格组件实现行高亮功能的代码示例。通过highlight-current-row属性开启高亮功能，配合row-key指定唯一行标识符"id"，并使用current-row-key绑定当前高亮行的key值。在handleCurrentChange事件处理中同步更新当前行ID，确保快速点击时高亮状态正确维护。代码简洁有效地解决了多行同时高亮的问题，提升了表格交互体验。
2026-07-01 14:13:46
264
原创 Vue3_TypeScript实战类型定义最佳实践
在 Vue 3 与 TypeScript 的开发实践中，正确地为组件 Props 定义类型是保证类型安全的第一道防线。使用 TypeScript 接口（Interface）来定义复杂对象结构，能够提供强大的类型推导和编译时错误检查。theme??theme?theme?theme?这种写法利用了 TypeScript 的泛型参数，通过语法可以直接传入一个类型字面量。其中接口明确规定了id必须是number类型，name。
2026-01-26 16:56:58
753
原创 uview-plus 表单校验 相关字段有数据有值的情况下非空验证失败问题
uniapp编写h5及小程序，组件库用的uview-plus，在进行表单校验的过程中，数据回显 数量明明是有值的，还是依旧提示填写数量（重新再次手动输入才能校验通过，明显是存在问题的）因为我这里的数量字段是number，我校验规则没有并没有显示指定type，所以默认是string，导致校验不成功，手动加上type: "number"也可解决问题。number字段回显 表单校验出现问题，转成string即可。勘察备注字段都没问题，数量这个字段校验出现问题。数量字段类型：number。
2025-12-12 14:51:07
269
原创 TypeScript 前端开发工程师学习路线
TypeScript 学习的核心是理解类型系统的本质类型是集合- 理解类型之间的包含关系类型是约束- 类型帮助我们在编译时发现错误类型是文档- 好的类型定义就是最好的文档类型是工具- 利用类型获得更好的开发体验记住：TypeScript 的目标不是让你写更多代码，而是让你写更安全、更可维护的代码。
2025-12-02 11:24:14
984
原创 怎么写好ts
摘要：本文总结了写好TypeScript的进阶技巧，分为4个层级：1) 基础规范（开启严格模式、避免any）；2) 利用类型推导（as const、泛型）；3) 处理复杂业务状态（联合类型、工具类型）；4) 运行时安全（结合Zod校验）。核心思维要从"消除报错"转向"设计健壮类型"，通过类型系统在编码阶段暴露错误，提升代码质量。建议通过阅读优秀源码和类型挑战来提升技能，但要注意可读性优先于复杂技巧。
2025-11-28 16:37:12
322
原创 node ~ buffer
JavaScript 语言自身只有字符串数据类型，没有二进制数据类型,但在网络通信、文件操作等场景中，数据通常以二进制形式传输或存储，Buffer 提供了高效的方式来处理这些二进制数据它类似于整数数组，但专门用于存储原始二进制数据虽然 Buffer对象的内容可以在创建后修改，但其长度是固定的，不 能动态改变Buffer 类似于数组，但它专门用于存储二进制数据。你可以把 Buffer 看作是一个固定长度的、存储原始二进制数据的“数组”
2025-10-17 14:39:32
739
原创 git一个分支最后一条记录合并到另一条分支上
git checkout 目标分支名git merge 源分支名~N…源分支名例如，合并最后3条提交：bash方法三：使用 git format-patch 和 git am这种方法适用于跨仓库或需要保存补丁文件的情况：bash。
2025-10-17 14:33:37
491
原创 react生命周期，详细版本
React 组件的生命周期分为三个阶段：挂载（Mounting）、更新（Updating） 和 卸载（Unmounting）。● useEffect(() => {}, []) → 替代 componentDidMount 和 componentDidUpdate。● useEffect(() => { return () => {} }, []) → 替代 componentWillUnmount。三、卸载阶段（Unmounting）一、挂载阶段（Mounting）二、更新阶段（Updating）
2025-09-06 21:45:09
787
原创 URL schemes汇总
支付宝微信系统百度腾讯网易银行社交购物音频工具魔术云闪付游戏娱乐其他花费半天整理出来的URL scheme链接，支付宝，微信，系统，部分银行部分网易已亲测有效，以备后用亲测有效支付宝功能 URL手机充值 alipay://platformapi/startapp?saId=10000003扫一扫 alipay://platformapi/startapp?saId=10000007账单 alipay://platformapi/startapp?
2025-08-13 18:09:38
3560
原创 同一个接口，掉2次，取消上次请求，详细代码
无需额外编写代码，只需确保在您的项目中通过导入并使用这个配置好的 axios 实例来发起请求即可。在您提供的背景知识中，文件 src/utils/request.js 已经包含了实现同一个接口调用两次时取消上次请求的逻辑。// 引入CancelToken对象。// 可选：取消后删除令牌。其他配置，如设置token、序列化参数等 …// 检查是否存在取消令牌，如果存在则取消上次请求。// 为本次请求创建新的取消令牌。// 存储取消令牌的对象。// 创建axios实例。// 获取请求的唯一标识。
2025-03-10 15:24:22
986
原创 unplugin-vue-components，unplugin-auto-import，借用ai去学习
好的，我现在需要帮助用户理解他们提供的这段Vite配置代码。用户之前已经询问过关于`ElementPlusResolver`的导入问题，现在他们展示了在`vite.config.ts`中使用该解析器的具体配置。我需要逐步分析这段代码，并解释每个部分的作用。AutoImport和Components。这两个插件都属于的一部分，或者可能来自其他unplugin插件，比如。需要确认这两个插件的来源，但根据常见的配置，AutoImport可能来自，而Components来自。
2025-02-21 15:56:35
1474
原创 TS从0到1入门到大神
watch src 代表只监听 src 目录下的文件变化，然后执行下面的命令-e ts 代表监听 ts 文件的变化，然后执行下面的命令–exec 代表执行下面的命令tsc。
2025-02-17 11:22:01
904
原创 express JWT
当接收到请求时，从请求头中获取存储的 JWT（通过 req.headers.authorization），并使用 jsonwebtoken 的 verify 方法验证 JWT 的有效性。如果匹配，则返回登录成功的 JSON 响应，并使用 jsonwebtoken 的 sign 方法生成一个 JWT，其中包含用户的 ID 信息，并设置了过期时间为 24 小时。这段代码实现了基本的用户登录验证和通过 JWT 鉴权的接口，在登录成功后生成的 JWT 中包含了用户的 ID 信息，从而在后续请求中进行验证和授权。
2024-12-31 15:50:56
976
原创 Nodejs pngquant
pngquant是一个用于压缩 PNG 图像文件的工具。它可以显著减小 PNG 文件的大小，同时保持图像质量和透明度。通过减小文件大小，可以提高网页加载速度，并节省存储空间。pngquant提供命令行接口和库，可轻松集成到各种应用程序和脚本中。
2024-12-25 17:58:22
713
原创 Nodejs os模块
非常经典的例子 webpack vite 大家应该都用过 他们有一个配置项可以打开浏览器 open:true 我们来简单复刻一下。例如我的电脑是六核十二线程就会获取到12个线程。知道这些信息有什么用？
2024-12-25 17:48:32
577
原创 Serverless 时代
一直以来，应用的逻辑重心偏向后端，前端开发者不甚愿意了解业务，对业务方面的思考比较浅薄。但在 FaaS 模式下，前端开发者除了担负传统的界面开发，还要担负数据管理的工作（编写云函数操作数据），此时不再由后端提供接口，数据对接需要前端开发者自己开发和调试，这就要求每个前端开发者必须有全栈开发的能力。在这个综合项目中，我会带领大家一同体验前端 + Serverless 的全栈开发流程，从头开始实现一个完整的应用，并且配置和编写服务函数与前端对接，这部分非常有意思，相信你也能从这种全新的开发模式中看到未来。
2024-12-05 17:16:29
658
原创 魔法甜点之和：小包的新挑战
小R不再追求甜点中最高的喜爱值，今天他想要的是甜点喜爱值之和正好匹配他的预期值 S。为了达到这个目标，他可以使用魔法棒来改变甜点的喜爱值，使其变为原来喜爱值的阶乘。个魔法棒，他可以选择任意甜点使用，但每个甜点只能使用一次魔法棒。他的目标是通过选择一些甜点，可能使用魔法棒，使得这些甜点的喜爱值之和恰好为。请计算小R有多少种不同的方案满足他的要求。如果两种方案中，选择的甜点不同，或者使用魔法棒的甜点不同，则视为不同的方案。下午茶小哥今天带来了 N 个甜点，每个甜点都有一个固定的喜爱值。
2024-12-02 17:35:59
213
原创 最小替换子串长度
小F得到了一个特殊的字符串，这个字符串只包含字符A、S、D、F，其长度总是4的倍数。他的任务是通过尽可能少的替换，使得A、S、D、F这四个字符在字符串中出现的频次相等。求出实现这一条件的最小子串长度。
2024-12-02 17:35:10
343
原创 计算从位置 x 到 y 的最少步数
小F正在进行一个 AB 实验，需要从整数位置 x 移动到整数位置 y。每一步可以将当前位置增加或减少，且每步的增加或减少的值必须是连续的整数（即每步的移动范围是上一步的 -1，+0 或 +1）。首末两步的步长必须是 1。求从 x 到 y 的最少步数。输入描述 输入包含两个整数 x 和 y，表示起始位置和目标位置。输出描述 输出从 x 到 y 所需的最小步数。计算从位置 x 到 y 的最少步数。
2024-11-28 10:18:49
344
原创 优化青海湖至景点X的租车路线成本
小F计划从青海湖出发，前往一个遥远的景点X进行旅游。景点X可能是“敦煌”或“月牙泉”，线路的路径是唯一的。车辆的油箱容量为400L，在起始点租车时，车内剩余油量为 200L。此外，到达目标景点X还车的时候，需要保证车内剩余的油至少有 200L。distance：从青海湖到景点X的总距离（km），距离最远不超过 10000 km。如果无法到达景点X，或者到达景点X还车时油料剩余不足 200L，则需要返回 -1。小F需要你帮助他计算，如果合理规划加油站的加油顺序和数量，最小化从青海湖到景点X的旅行成本（元）。
2024-11-28 10:17:34
688
原创 古生物DNA序列血缘分析
小U是一位古生物学家，正在研究不同物种之间的血缘关系。为了分析两种古生物的血缘远近，她需要比较它们的DNA序列。DNA由四种核苷酸A、C、G、T组成，并且可能通过三种方式发生变异：添加一个核苷酸、删除一个核苷酸或替换一个核苷酸。小U认为两条DNA序列之间的最小变异次数可以反映它们之间的血缘关系：变异次数越少，血缘关系越近。你的任务是编写一个算法，帮助小U计算两条DNA序列之间所需的最小变异次数。dna1: 第一条DNA序列。dna2: 第二条DNA序列。
2024-11-27 09:43:37
347
原创 和的逆运算问题
n 个整数两两相加可以得到 n(n - 1) / 2 个和。我们的目标是：根据这些和找出原来的 n 个整数。按非降序排序返回这 n 个数，如果无解，输出 “Impossible”。
2024-11-27 09:42:33
540
原创 Vue ElemetUI table的行实现按住上下键高亮上下移动效果
【代码】Vue ElemetUI table的行实现按住上下键高亮上下移动效果。
2024-10-15 11:00:08
328
2原创 elementui 表单 tab切换下个光标能不能改成enter键
在 ElementUI 中，默认情况下，表单项之间的切换通常是通过 Tab 键实现的。如果你想修改这一行为，使用户在填写表单时按下 Enter 键就能切换到下一个输入框（光标移动到下一个表单项），这需要借助 Vue 的自定义指令或者在每个输入框的事件监听上做处理。使用Vue自定义指令(v-enter-next) 首先，你可以创建一个全局自定义指令来监听键盘事件，当检测到 Enter 键时，模拟 Tab。键的行为，从而达到切换输入框焦点的目的。
2024-08-30 09:20:38
1173
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人