Vue3 防重复点击指令 - clickOnce 一、问题背景 在实际的 Web 应用开发中，我们经常会遇到以下问题： 用户快速多次点击提交按钮：导致重复提交表单，产生多条相同数据 异步请求未完成时再

基础 console 方法 除了最常用的 console.log()，console 对象还提供了多种不同用途的方法： 这些方法在控制台中会以不同颜色和图标显示，帮助我们快速识别不同类型的消息。 美化

前端新的面试题又来咯 拖拽与 DOM 问题 1：拖拽过程中，如果原本的元素消失了，onDrop 还能触发么？具体表现是什么？ 答案： 能触发。onDrop 事件会在放置的目标元素上触发。具体表现是：拖

当时面试官问我：'前端跨标签页通信有几种方案？各自适用什么场景？'我大脑瞬间空白——毕竟平时只会用 localStorage 乱怼...

刚入行时，我只是一个只会写 React 组件的前端开发，主要精力都放在页面和交互上。一路走来，我先补齐了工程化、后端和基础设施，再走到现在以 AI 应用为核心的全栈方向，中间踩过不少坑，也绕了不少弯路

上线前两个月，我们的权限系统崩了三次。 不是接口没权限，而是： 页面展示和真实权限不一致； 权限判断写得四分五裂； 权限数据和按钮逻辑耦合得死死的，测试一改就炸。 于是，我们老老实实把整个权限体系拆了

此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

中后台系统的易用性，常常取决于交互细节的打磨。总结了多个实际项目中踩过的 41 个交互类“坑”，涵盖表单、表格、滚动、权限、请求等常见场景，适用于 不同技术栈，助你构建更专业丝滑的后台体验。

同样是做中后台列表页，初级在堆功能，中级在理结构，高级早已在构建规则。这篇文章通过常见开发场景对比三类前端的差异，揭示那些“看似很忙、实则原地转圈”的低水平重复劳动，带你看清真正的成长路径。