交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
59浏览
多步骤表单的步骤指示器高亮样式失效怎么办？
我在做多步骤表单时，给步骤指示器加了.active类的高亮样式，但切换步骤时样式完全没反应... 代码结构是这样的，用ol做步骤导航： .steps ol { display: flex; gap: ...
-
2
回答
71浏览
为什么我的drop事件触发后拿不到拖拽文件数据？
我在做一个文件拖拽上传的功能，给div绑定了dragover和drop事件。但发现当文件拖进区域时，drop事件里的e.dataTransfer.files一直是空的。已经试过在dragover里调用...
-
2
回答
75浏览
富文本工具栏按钮状态无法根据选中内容动态更新怎么办？
我在给编辑器实现粗体按钮时，监听selectionchange事件后按钮状态一直没变化： document.addEventListener('selectionchange', function()...
-
2
回答
109浏览
WebSocket自动重连时为什么会触发多次连接？
我在开发聊天功能时用了WebSocket，设置自动重连后发现控制台频繁报错"WebSocket is already connecting"。明明设置了断线才触发重连，但断开后却出现多个重复连接......
-
2
回答
71浏览
抽屉编辑时如何保持数据与父组件同步？
在用Ant Design的Drawer做表单编辑时，修改数据后关闭抽屉，父组件的表格数据没及时更新，是什么问题啊？ 我这样写的：父组件通过useState保存数据列表，点击编辑按钮时把当前行数据传给D...
-
2
回答
201浏览
为什么我的加载动画延迟隐藏没有生效？
我在做数据加载时用了加载动画，想让它在数据加载完成后延迟0.5秒再消失。按教程写了CSS过渡，但动画直接瞬间消失，完全没有延迟效果，哪里出问题了？ 我的CSS这样写的： .loading-spinne...
-
2
回答
67浏览
Web Audio API连接节点后为什么没声音输出？
在用Web Audio API处理音频时，连接了GainNode但播放无声，试过调整gain.value也不行，控制台没报错，求解！ 代码大概是这样写的：source.connect(gainNode...
-
2
回答
76浏览
虚拟列表滚动时为什么会有闪烁或重绘延迟？
在React项目里用react-virtualized的FixedSizedList实现虚拟列表，当数据量超过2000条时滚动会出现卡顿，而且每次滚动到新区域时列表项会先闪一下旧内容再刷新成正确内容，...
-
2
回答
49浏览
输入框实时排序时字母回退导致顺序错乱怎么办？
我在做一个带搜索的列表，当用户输入字母实时过滤时，如果输入“apple”后回退到“app”，排序结果突然变得无序了，这是为什么？ 用的是React，输入框绑定了 handleChange 事件，用数组...
-
2
回答
73浏览
React中如何避免全局快捷键与页面输入框冲突？
在React项目里用全局快捷键监听Ctrl+S保存表单，但发现输入框里的内容输入不了，按字母键也会触发保存操作。试过给输入框加event.stopPropagation()，但好像没生效，该怎么解决这...
-
2
回答
66浏览
WebSocket断线重连后消息重复发送怎么办？
在做在线协作编辑器时用WebSocket同步数据，但发现客户端断线重连后，之前发送的半条消息会和重连后的新消息拼在一起。比如输入"hello"时断线，重连后继续输入" world"，服务端收到的是"h...
-
2
回答
66浏览
房间最后一位用户离开后怎么自动解散？
在做在线协作白板项目时遇到问题，当房间最后一位用户断开连接后，房间没有自动解散。试过用WebSocket的close事件监听，但发现如果用户直接关闭页面，服务端的房间成员计数器没有及时归零。 现在用的...
-
2
回答
49浏览
如何区分双指缩放和旋转手势的事件冲突？
我在开发图片编辑器时，用双指实现缩放和平移没问题，但加了旋转功能后，gesturechange事件总同时触发缩放和旋转逻辑。试过监听event.rotation和event.scale，但无法准确判断...
-
2
回答
111浏览
视差滚动背景图在移动端滚动时位置错乱怎么办？
我在做视差滚动效果时，给背景图设置了fixed定位，但在手机上滚动时图片位置总是偏移，刷新页面位置还随机变化。试过加transform:translateZ(0)也没用。 这是我的CSS代码： .pa...
-
2
回答
76浏览
批量操作时复选框状态同步混乱怎么办？
在做表格批量操作时，复选框的选中状态总是在滚动时乱掉。我用了v-for循环渲染列表，用数组记录选中项，但滚动后勾选其他行会随机触发之前项的样式。尝试给每行加:key="item.id"还是不行，父级全...
-
2
回答
94浏览
加载动画在页面底部滚动时位置偏移怎么办？
我在页面底部做了一个加载动画，用position: fixed定位，但滚动页面时动画会跟着滚动条移动，原本写的是这样： .loading-spinner { position: fixed; bott...
-
2
回答
79浏览
地图POI搜索返回的坐标字段为什么是空的？
在用高德地图API做POI搜索时，发现返回的poi列表里location字段全是空对象，但其他信息如名称地址都有数据。我按文档写了参数，ak也验证过有效： amap.service('AMa...
-
2
回答
68浏览
表单验证时，如何让错误提示在输入框下方而不是覆盖内容？
我在做一个注册表单的验证，当用户名输入错误时，错误提示文字总是盖在输入框上层，而不是显示在下方。之前用绝对定位包裹输入框和提示文字，设置了position: relative在父容器，然后给提示div...
-
2
回答
60浏览
移动端按钮点击音效播放总是卡顿怎么办？
在开发音乐类App时给按钮加了点击音效，用audio标签播放wav文件，结果手机端点击特别卡顿。试过改成mp3和用preload属性，但滑动页面时音效还是偶尔延迟，有没有什么优化方法？ 代码结构大概是...
-
2
回答
116浏览
搜索输入后滚动条跳到顶部怎么解决？
在做搜索功能时，每次输入新关键词后，列表滚动条会跳回顶部，用户体验特别差。我尝试过用scrollTop保存位置，但重新渲染后还是不行。 代码逻辑是这样的：输入框用v-model绑定查询词，列表用计算属...
