交互

优化前：卡得不行 上周上线一个表单密集的页面，用户反馈“点提交按钮像在等加载动画”，我本地一测，好家伙，光校验就卡了快5秒。打开 Chrome DevTools 一看，主线程被 joi.validat...

优化前：卡得不行 上周我们项目里有个消息推送功能，用户一进页面就疯狂弹通知，结果页面直接卡成PPT。不是夸张，是真的——滚动都卡，点击按钮要等1秒才响应，连 console.log 都打不出来。我打开...

为什么我还在纠结 Socket.io 的替代方案？ 最近一个聊天室项目要重构，我盯着 WebSocket 通信这块看了半天，心里犯嘀咕：Socket.io 还是那个最香的选择吗？毕竟现在原生 WebS...

我的写法，亲测靠谱 拖拽布局这东西，说简单也简单，说坑也真不少。我做过好几个带拖拽的后台系统，从一开始用原生 drag & drop API 被各种兼容性问题折磨，到后来用 react-dnd...

我的写法，亲测靠谱 用 Vue Draggable 做拖拽排序功能，我前后折腾过不下五六个项目。一开始图快，直接照着文档抄，结果上线后各种诡异问题：列表抖动、数据错乱、移动端点不动……后来慢慢摸出门道...

核心代码就这几行，但别小看它 上周做通讯录搜索功能，产品说要支持拼音首字母和全拼搜人名。我一开始以为得搞个字典库，结果折腾半天发现根本不用那么复杂。直接上代码： // 安装依赖：npm install...

先看效果，再看代码 上周搞一个新功能，产品经理说“用户第一次进页面，得知道怎么操作”，于是让我加个引导说明。我一开始想用 tooltip + 遮罩层那种经典方案，但发现要适配移动端、还得支持跳过、顺序...

我的写法，亲测靠谱 做前端这么多年，自动关闭这个功能看似简单，但真要写得稳、不闪退、不内存泄漏，其实挺磨人的。我一开始也图省事，用个 setTimeout 一包就完事，结果用户反馈“弹窗关了怎么又弹出...

为什么我又在折腾富文本编辑器？ 说实话，每次项目里要上富文本，我都头大。不是功能不够，就是配置太复杂，要么就是移动端一堆兼容问题。这次客户明确要求支持图文混排、表格、代码块，还得能自定义工具栏——我第...

为什么选 JSON Schema？ 上个月搞一个动态表单配置后台，需求挺杂：用户要能自定义字段类型、校验规则、联动逻辑，甚至支持嵌套结构。一开始我用纯 JS 对象硬编码校验逻辑，结果三天后就改不动了—...

优化前：卡得不行 上周上线一个后台管理系统，用户反馈“页面一开就卡死”，我一开始还不信——本地跑得好好的啊。结果一连上测试环境，我也傻眼了：首页加载完，鼠标动一下都卡顿，滚动条拖不动，点击按钮要等两三...

为什么我要对比这几个 Leaflet 的交互方案？ 最近在搞一个带地图的后台系统，需求是：用户点地图上的标记，弹出信息窗；长按标记能进入编辑模式。听起来简单，但实际做起来发现，Leaflet 虽然轻量...

先看效果，再看代码 我上周上线一个活动页，iOS上点按钮总要等300ms才响应——用户点完第一下没反应，下意识又点一次，结果触发了两次提交。后台直接报警，运营妹子在群里艾特我：“你那个抽奖按钮是不是卡...

history.pushState之后，后退按钮不触发popstate？我懵了两小时 今天上线前做兼容性测试，发现一个诡异问题：用户从首页点进详情页（用了 history.pushState），再点返...

优化前：卡得不行 上个月上线一个后台数据看板，用户一刷页面就卡顿，不是“加载中”慢，是整个页面直接卡住1.5秒以上——连右上角的关闭按钮都点不动。更离谱的是，有些低端安卓机上，遮罩弹出来后，底下内容还...

先看效果，再看代码 我上周在做一个拖拽排序组件时，发现 Chrome 里 shift 键按下去没反应——不是键盘事件没监听到，而是 event.shiftKey 在某些场景下死活是 false。折腾了...

项目初期的技术选型 去年下半年接了个后台运营系统重构，核心需求是「实时同步用户行为日志到 BI 看板」。一开始我真没想用消息队列——毕竟只是个内部系统，日志量预估也就每秒 30~50 条，直接写 My...

项目初期的技术选型 去年下半年接了个内部知识库系统，需求挺典型：支持富文本编辑、版本对比、协作评论、导出 PDF。一开始团队讨论用 Quill，毕竟文档多、插件熟；但第三天我就把 demo 删了——因...

我的写法，亲测靠谱 TouchMove 这玩意儿，我用过不下十个项目，从轮播图、拖拽排序、滑动删除，到自研的简易手势库，基本都绕不开它。但每次写，我都会重新翻一遍 MDN，再对着 Chrome Dev...

我的写法，亲测靠谱 先说结论：我一般不用 keydown 做输入校验，也不在它里面直接改 input 的 value。这俩操作看起来顺手，但上线后必出问题——不是光标乱跳，就是中文输入法崩掉，或者回车...