Markdown 标题含特殊字符时,自动生成的锚点 ID 可能与目录链接不一致,用 <a> 标签手动定义锚点即可解决。 目录 前情提要 分析问题 解决方法 效果 前情提要 在浏览我前几天的一篇博文《Claude Code 终端高效使用指南》时,发现从目录链接无法跳转到标题 "五、快速前缀:/ ! @ ...
写在开头 点赞 + 收藏 学会 前几个月,主管把我拉进一个小黑屋,语重心长地说:那个 2015 年上线的 CRM 系统,客户想加个AI 智能客服的功能,虽然是个老项目,但这是公司的大金矿,你来负责呗!。 我打开代码仓库的那一刻,两眼一黑。 jQuery 1.8.3,古董级 ...
JavaScript 数组去重的 20 种实现方式,用不同思路解决问题 数组去重是最常见的算法。看似简单,但不同实现方式的性能差异可能高达几百倍。本文整理 JavaScript 数组去重的 20 种写法,按 5 个策略分类,充分利用JavaScript的弱类型和动态性,帮助你理解语言特性,同时掌握多 ...
在实际业务开发中,我们经常遇到主表格嵌套子表格,且需要在主表和子表上都提供复选框功能,并实现三态联动(全选、半选、未选)。本文将基于 Vue 3 + vxe-table 组件库,手把手教你实现一个支持父子表复选框联动的完整示例。 主表每行都有一个复选框,点击可同时控制其下所有子行;子表内部复选框单独 ...
写在开头 点赞 + 收藏 学会 前言 一个完善的通知系统可以显著提升用户体验,让用户及时了解: 新评论回复 文章被点赞 系统公告 签到奖励 今天分享如何实现一个优雅的通知中心! 功能设计 通知类型 // src/types/notification.ts export typ ...
vxe 组件内建了一套简洁的权限控制机制,它不依赖任何第三方库,能让我们灵活地控制组件(如按钮、链接等)的显隐和禁用状态。 这套机制的核心是 permissionMethod 全局配置,它定义了一个统一的权限校验方法。一旦配置好,只需在组件上添加一个 permission-code 属性,并传入对应 ...
写在开头 点赞 + 收藏 学会 前言 在JavaScript学习中,this绝对是“让人又爱又恨”的存在——它看似简单,用起来却总让人摸不着头脑,一不小心就踩坑。有人说它是“动态代词”,有人说它是“隐式传递的对象引用”,其实只要摸清它的绑定规则,就能轻松驾驭!今天就结合具体代 ...
写在开头 点赞 + 收藏 学会 为什么会触发浏览器预览而不是下载? 当我们尝试在前端实现文件下载时,经常会遇到浏览器直接打开文件(如 PDF、图片)进行预览,而不是弹出下载框的情况。这通常是由以下两个核心原因导致的: HTML5 download 属性的同源限制(核心原 ...
在使用 vxe-table 时,单元格内容过长会触发 Tooltip 悬浮提示。但默认的 Tooltip 尺寸有限,当提示内容非常多(例如包含大量文字、自定义组件、列表等)时,会出现内容溢出、显示不全的问题。本文将介绍如何通过配置 tooltipConfig 及相关插槽,让 Tooltip 容器固定 ...
初始化项目 使用cli命令初始化一个Vue3+TS+Vite项目: # npm npm create vite@latest # yarn yarn create vite # pnpm pnpm create vite 注:后续演示使用pnpm包管理器。 按下图选择配置: 配置ESLint 1、安 ...
写在开头 点赞 + 收藏 学会 想必大家在网上搜索解决问题解决方案时都会有这样的经历,明明找到了想要的解决问题的代码,想要一键复制到项目代码中,但有些网页限制了你的复制行为,可能让你登录账号、关注博主,更有甚者直接收费,其中比如CSDN,所以秉着互联网的开源精神我写个脚本来解 ...
在开发数据表格时,经常遇到需要将数据按类别分组展示的需求。通常我们会想到树形表格或展开行,但有时业务要求一个扁平的分类样式——即在表格顶部直接展示分组标题,下方列出该分组内的明细数据,并且分组标题可以横跨整行。本文介绍一种巧妙的实现方式:插入分类行 + 单元格合并,以模拟类似“分组报表”的视觉效果。 ...
在后台管理系统中,表格合计行(如统计总分、总年龄等)是非常常见的需求。VxeTable 提供了灵活的定制能力,通过自定义表尾(footer)配合事件监听,可以轻松实现合计行的动态更新。本文将以 vxe-grid 组件为例,演示如何在数据编辑、粘贴等操作后,实时刷新表尾的合计数据。 实现步骤 开启表尾 ...
写在开头 点赞 + 收藏 学会 做Node.js后端的开发者,多半都经历过这种绝望时刻:业务系统跑的好好的,突然接了个CPU密集型需求——比如复杂的ID转换、加密运算,结果Node.js单线程直接卡死,Event Loop被彻底堵塞,接口响应时间从20ms飙升到2s,甚至整个 ...
bmm —— 一个收纳、整理、搜索与分享网站书签的开源全栈应用,支持公开展示、用户空间、后台维护,以及 AI 辅助整理流程。 ...
下一篇:Vue2和Vue3创建应用对比 一个框架的升级往往代表有更新、更好用的技术支持,Vue2发展到Vue3也是如此,学习新版本框架,最快的方式就是首先熟悉框架升级前有的对比。在此之前更应该了解其背后的主要原因: 1、更好的性能:Vue3采用了全新的虚拟DOM算法和编译器优化,显著提高了性能表现; ...
写在开头 点赞 + 收藏 学会 抛弃 setInterval!用 requestAnimationFrame 实现毫秒级精准倒计时 从"时间漂移"到"帧级精准",让你的倒计时不再"偷跑"或" lag" 前言:为什么 setInterval 不够用了? 做过倒计时的前端都知道, ...
Docusaurus独立博客链接: https://ie12blog.36102025.xyz/articles/research-logs/xml-xslt/ 2026.5.7 RSS美化 RSS本质是XML文件 其在用浏览器中打开后 只会显示一个XML 文档树 这其实并不是什么问题毕竟XML文件 ...
vxe-table 自定义列个性化列支持按钮点击上移/下移/置顶/置尾排序操作 在公司系统管理列表页面中,用户经常需要调整列的显示顺序,以便将常用列放在前面。vxe-table 提供了强大的自定义列功能,除了默认的拖拽排序外,还可以通过配置启用上移/下移和置顶/置尾按钮,让用户通过点击快速调整列顺序 ...
写在开头 点赞 + 收藏 学会 这是一个非常好的问题!确实,HTML5 提供了原生的 <video> 标签,理论上可以直接播放视频,但为什么在实际项目中我们常常还会使用 Video.js、Plyr、hls.js 等“视频播放器”库呢?原因如下: 一、原生 <video> 的局 ...