交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
42浏览
富文本编辑器表格跨行跨列合并失效怎么办？
用Quill做表格编辑时，按文档配置了表格模块的mergeCells为true，但选中单元格右键菜单里始终没有合并选项。尝试过手动调用merge方法，却报错"mergeRow is not a fun...
-
1
回答
54浏览
为什么Vue的Transition组件切换元素时动画没生效？
用Transition包裹动态组件切换时动画完全没反应，检查CSS也没问题，这是什么情况啊？ 我的代码是这样的： <template> <div> <button @cl...
-
2
回答
70浏览
拖拽组件后属性修改无法实时同步到预览区怎么办？
用Vue做LowCode编辑器时，拖拽组件到画布后，属性面板的修改无法实时同步到预览区。我用v-model绑定了组件属性，但手动改值后预览没变化。 尝试过用this.$set强制更新，但数组里的组件对...
-
2
回答
123浏览
搜索框输入时动态高亮列表项为什么会闪烁？
最近在做搜索组件，想实现输入时动态高亮匹配项。用JavaScript把匹配的关键词用<mark>标签包裹，但滚动列表时高亮会闪一下，而且原来的颜色样式被覆盖了。我试过给mark加!impo...
-
1
回答
28浏览
手势缩放动画在触摸结束后自动回弹怎么办？
折腾了一下午移动端手势缩放，用CSS的transform和transition写了个缩放动画。但发现当手指离开屏幕后，元素会自动回弹到原始大小，该怎么让它保持最终状态呢？ 我尝试过在touchend时...
-
1
回答
13浏览
为什么TouchEnd事件在快速滑动后会重复触发？
我在做移动端滑动删除功能时，给元素绑定了touchstart和touchend事件。但发现当手指快速滑动后突然抬起，touchend会触发两次，导致删除逻辑执行两次。代码逻辑看起来没问题，但测试多次还...
-
1
回答
30浏览
表单提交后动态提示框总闪烁怎么办？
我在做用户注册表单时想在提交后显示成功/错误提示，用setTimeout模拟后端响应后，用Vue的v-if切换提示框。但每次提示框出现时会先闪一下默认位置再跳到正确位置，这该怎么解决？ 尝试过给提示框...
-
1
回答
26浏览
导出CSV时为什么文件内容总是空的？
在做数据导出功能时，用Blob生成CSV文件，但下载后文件内容一直是空的。明明控制台打印数据是正常的... 尝试用字符串拼接方式导出，代码类似这样： const csvContent = "id,na...
-
1
回答
8浏览
WebSocket断线后自动重连机制如何实现？重连时旧连接未关闭导致连接爆炸怎么办？
我在开发聊天功能时用WebSocket做实时通信，写了个自动重连逻辑。但发现网络波动时会出现多个连接实例同时存在，服务端返回403错误，控制台提示"WebSocket is already in CL...
-
1
回答
11浏览
地图多边形边框在缩放时变细甚至消失怎么解决？
我在用Leaflet做地图区域绘制时遇到个怪问题，用户画多边形标记后，当放大地图到一定层级，边框会突然变细甚至消失。之前用CSS设置了.leaflet-polygon { border: 3px so...
-
1
回答
4浏览
Vue中Alt键组合检测失效，event.altKey总是false怎么办？
我在用Vue做一个输入框的快捷键功能，想用Alt+Enter切换输入模式。但发现无论怎么按Alt键，event.altKey都返回false。代码里绑定了keydown事件，还试过加.prevent修...
-
1
回答
71浏览
移动端手势滑动时点击穿透怎么解决？
在做卡片左右滑动删除功能时，发现手指抬起瞬间会触发下方按钮的点击事件。试过给滑动层加pointer-events: none，但阻止了滑动操作。后来用event.stopPropagation()包裹...
-
2
回答
3浏览
视频截图时如何让水印始终显示在图片右下角？
在用HTML5视频标签做截图功能时，想给截图添加固定位置的水印，但发现水印位置总不对。我尝试在canvas上先画视频帧再叠加水印图片，但缩放后水印要么偏移要么覆盖主要内容： <video id=...
-
1
回答
17浏览
Vue3中如何实现全局加载状态且不影响子组件数据刷新？
我在用Vue3+Pinia开发时遇到个问题：需要在接口请求时显示全局加载遮罩，但发现当多个接口同时请求时，loading状态会提前关闭。我尝试在main.js里用ref管理loading计数： con...
-
1
回答
66浏览
拖拽排序时为什么其他元素会跟着一起移动？
在用Sortable.js做列表拖拽排序时，发现拖拽某个列表项时，旁边的删除按钮也会被拖动，看起来很奇怪。我尝试给按钮加了position: fixed，但拖拽的时候按钮会移出可视区域，这该怎么处理啊...
-
1
回答
26浏览
用requestAnimationFrame写的动画为什么会偶尔卡顿？
我在用JS写一个简单的位移动画，用requestAnimationFrame控制帧率，但发现动画偶尔会出现卡顿。代码看起来没问题，尝试过把时间间隔改成16ms还是没改善，这是为什么啊？ 这是我的代码：...
-
1
回答
58浏览
Hammer.js双指缩放时为什么会触发点击事件？
在移动端网页里用Hammer.js给图片绑定了双指缩放和点击事件，但每次缩放结束后总会意外触发点击跳转。试过在缩放事件里用event.stopPropagation()也不行... const mc ...
-
1
回答
21浏览
Notification请求权限时总提示”被拒绝”怎么办？
我按文档写了Notification请求权限的代码，但每次调用Notification.requestPermission()都直接返回'denied'状态，明明之前没授权过啊... 尝试过在用户交互...
-
1
回答
17浏览
为什么用Fuse.js搜索中文时，部分匹配项出现在前面？
在用Fuse.js做中文搜索时，发现包含完整关键词的条目反而排在后面，比如搜索"苹果"时，"苹果手机"排第3位，而"红苹果"排第1位，这是什么原因？ 我按文档设置了 const fuse = new ...
-
2
回答
6浏览
React中使用dragula拖拽后状态没更新怎么办？
我在用dragula实现卡片拖拽功能，但拖拽完成后状态数组没有同步更新。虽然能看到DOM变化，但console.log显示state还是原来的顺序。 尝试过在dragula选项里设置removeOnS...
