交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
163浏览
为什么我的加载动画延迟隐藏没有生效？
我在做数据加载时用了加载动画，想让它在数据加载完成后延迟0.5秒再消失。按教程写了CSS过渡，但动画直接瞬间消失，完全没有延迟效果，哪里出问题了？ 我的CSS这样写的： .loading-spinne...
-
1
回答
25浏览
Web Audio API连接节点后为什么没声音输出？
在用Web Audio API处理音频时，连接了GainNode但播放无声，试过调整gain.value也不行，控制台没报错，求解！ 代码大概是这样写的：source.connect(gainNode...
-
2
回答
32浏览
虚拟列表滚动时为什么会有闪烁或重绘延迟？
在React项目里用react-virtualized的FixedSizedList实现虚拟列表，当数据量超过2000条时滚动会出现卡顿，而且每次滚动到新区域时列表项会先闪一下旧内容再刷新成正确内容，...
-
2
回答
29浏览
输入框实时排序时字母回退导致顺序错乱怎么办？
我在做一个带搜索的列表，当用户输入字母实时过滤时，如果输入“apple”后回退到“app”，排序结果突然变得无序了，这是为什么？ 用的是React，输入框绑定了 handleChange 事件，用数组...
-
2
回答
55浏览
React中如何避免全局快捷键与页面输入框冲突？
在React项目里用全局快捷键监听Ctrl+S保存表单，但发现输入框里的内容输入不了，按字母键也会触发保存操作。试过给输入框加event.stopPropagation()，但好像没生效，该怎么解决这...
-
2
回答
48浏览
WebSocket断线重连后消息重复发送怎么办？
在做在线协作编辑器时用WebSocket同步数据，但发现客户端断线重连后，之前发送的半条消息会和重连后的新消息拼在一起。比如输入"hello"时断线，重连后继续输入" world"，服务端收到的是"h...
-
2
回答
32浏览
房间最后一位用户离开后怎么自动解散？
在做在线协作白板项目时遇到问题，当房间最后一位用户断开连接后，房间没有自动解散。试过用WebSocket的close事件监听，但发现如果用户直接关闭页面，服务端的房间成员计数器没有及时归零。 现在用的...
-
2
回答
19浏览
如何区分双指缩放和旋转手势的事件冲突？
我在开发图片编辑器时，用双指实现缩放和平移没问题，但加了旋转功能后，gesturechange事件总同时触发缩放和旋转逻辑。试过监听event.rotation和event.scale，但无法准确判断...
-
1
回答
67浏览
视差滚动背景图在移动端滚动时位置错乱怎么办？
我在做视差滚动效果时，给背景图设置了fixed定位，但在手机上滚动时图片位置总是偏移，刷新页面位置还随机变化。试过加transform:translateZ(0)也没用。 这是我的CSS代码： .pa...
-
2
回答
46浏览
批量操作时复选框状态同步混乱怎么办？
在做表格批量操作时，复选框的选中状态总是在滚动时乱掉。我用了v-for循环渲染列表，用数组记录选中项，但滚动后勾选其他行会随机触发之前项的样式。尝试给每行加:key="item.id"还是不行，父级全...
-
2
回答
43浏览
加载动画在页面底部滚动时位置偏移怎么办？
我在页面底部做了一个加载动画，用position: fixed定位，但滚动页面时动画会跟着滚动条移动，原本写的是这样： .loading-spinner { position: fixed; bott...
-
2
回答
44浏览
地图POI搜索返回的坐标字段为什么是空的？
在用高德地图API做POI搜索时，发现返回的poi列表里location字段全是空对象，但其他信息如名称地址都有数据。我按文档写了参数，ak也验证过有效： amap.service('AMa...
-
1
回答
39浏览
表单验证时，如何让错误提示在输入框下方而不是覆盖内容？
我在做一个注册表单的验证，当用户名输入错误时，错误提示文字总是盖在输入框上层，而不是显示在下方。之前用绝对定位包裹输入框和提示文字，设置了position: relative在父容器，然后给提示div...
-
1
回答
27浏览
移动端按钮点击音效播放总是卡顿怎么办？
在开发音乐类App时给按钮加了点击音效，用audio标签播放wav文件，结果手机端点击特别卡顿。试过改成mp3和用preload属性，但滑动页面时音效还是偶尔延迟，有没有什么优化方法？ 代码结构大概是...
-
2
回答
13浏览
搜索输入后滚动条跳到顶部怎么解决？
在做搜索功能时，每次输入新关键词后，列表滚动条会跳回顶部，用户体验特别差。我尝试过用scrollTop保存位置，但重新渲染后还是不行。 代码逻辑是这样的：输入框用v-model绑定查询词，列表用计算属...
-
2
回答
35浏览
全局快捷键监听导致其他输入框无法输入怎么办？
在React项目里实现全局快捷键Ctrl+S触发保存功能时，发现输入框里按Ctrl+S会同时触发保存和输入下划线。试过用event.preventDefault()，但其他页面的搜索框输入斜杠时也会被...
-
2
回答
47浏览
为什么我的WebRTC视频通话只能单向传输？
在React项目里用WebRTC实现视频通话，发送方能正常显示自己画面，但接收方始终只能看到黑屏。我检查过摄像头权限和网络状态都正常，信令通道也确认数据在传递了。 这是我的PeerConnection...
-
2
回答
51浏览
移动端信息提示框内容被截断怎么办？
我在做表单提交的提示反馈时，用固定定位的弹窗显示错误信息，但移动端竖屏时内容总是被截断显示不全。已经试过设置max-width: 90%和padding: 1rem，但长文本还是会被截断... <...
-
2
回答
45浏览
Mapbox自定义样式后图层消失怎么解决？
在Vue项目里用Mapbox GL做地图应用，加载自定义JSON样式后道路和建筑图层突然不显示了，之前用默认样式没问题。试过在样式文件里给road和building图层设置paint属性，但地图上还是...
-
2
回答
37浏览
移动端捏合缩放手势缩放比例计算不准怎么办？
在移动端实现图片捏合缩放时，我按照教程用touchstart和touchend事件计算两点距离，但缩放比例总忽大忽小，而且图片位置会偏移。我试过保存初始距离和当前距离差值，但效果还是不连贯： let ...
