交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
39浏览
WebSocket房间管理时如何避免用户同时加入同一个房间？
我在用Socket.IO实现多人协作房间时遇到个问题，当两个用户几乎同时点击"加入房间"按钮，服务端会收到两次join事件。虽然客户端都收到成功回调，但服务端日志显示同一个房间ID被多次创建。 我尝试...
-
2
回答
130浏览
热力图数据更新后图层不刷新怎么办
在用Leaflet+Heatmap.js做实时热力图时遇到个怪问题：后端返回的新数据能正确接收，但调用heatmap.setData(newData).redraw()后图层完全没变化，只能刷新整个页...
-
2
回答
65浏览
React组件加载动画只闪一下就消失了怎么办？
我在React组件里用fetch请求数据时加了加载动画，按理说应该在数据返回前一直显示的，但实际效果是动画只闪一下就没了。我检查了代码，确实在请求开始时设置了loading为true，请求结束才设为f...
-
2
回答
127浏览
文件上传进度条为什么卡在0%不动？
我在做文件上传功能时加了进度条，用XMLHttpRequest监听progress事件，但上传开始后进度条一直显示0%没变化，这是为什么？ 我用CSS写了简单的进度条样式： .progress-con...
-
2
回答
54浏览
步骤进度条的加载状态卡住了怎么办？
在做表单提交流程时，用步骤条显示进度，但切换到第三步时加载动画一直转不停，页面实际已经加载完成。试过用v-if控制加载状态，但状态切换不连贯。 代码结构是这样的：<template> &l...
-
2
回答
48浏览
拖拽元素时位置偏移抖动怎么优化？
用原生JS做列表项拖拽时，拖动元素总会出现几像素的位置偏移，拖动起来特别卡顿。试过设置position: fixed和实时更新top/left，但拖动结束回弹的时候还是会抖一下。 代码是这样写的： l...
-
1
回答
60浏览
React滚动百分比指示器数值跳变怎么办？
我在做页面滚动指示功能时遇到了问题，当快速滚动时百分比数值会突然跳变，不太流畅。我尝试用window.scrollY除以文档高度计算，但感觉响应不及时。 这是我的组件代码： import { useS...
-
2
回答
64浏览
Canvas绘制折线图时，线条总是超出容器边界怎么办？
在用Canvas画折线图时遇到了怪问题，设置好容器宽高后，线条总会从右边和底边溢出。我试过给canvas加了max-width:100%，还用flex布局包裹容器，但效果没变化。 这是我的CSS代码：...
-
1
回答
63浏览
加载状态重试按钮样式错乱怎么解决？
在实现带加载状态的重试按钮时，点击触发加载动画后文字位置突然偏移，怎么调整才能保持布局稳定？ 我用绝对定位包裹加载图标，但文字和图标会重叠，尝试过这样写CSS： .retry-btn { positi...
-
2
回答
147浏览
Vue的Transition组件子元素动画没反应怎么办？
在用Vue的v-for循环列表时，给transition组件设置了name和mode，但删除元素时只有第一个元素有动画，其他子元素直接消失，这是为啥啊？ 代码是这样的：<transition-g...
-
1
回答
66浏览
成功提示框在页面底部居中时为什么只水平居中不垂直？
大家好，我在做一个表单提交成功后的提示框，想让它固定在页面底部居中显示。用了position: fixed后，虽然水平方向能居中，但垂直方向总贴不到底边，还留了空白。试过调整margin和transf...
-
2
回答
43浏览
Vue中使用STOMP连接WebSocket时，为什么总提示连接被拒绝？
我正在用Vue+Stomp.js实现一个聊天功能，按照文档配置了SockJS和STOMP，但连接一直报错"WebSocket connection to 'ws://localhost:8080/so...
-
2
回答
85浏览
表单提交成功提示被页面滚动条挡住怎么办？
我给注册表单加了提交成功的弹窗提示，用了position: fixed定位在右下角。但当页面有垂直滚动条时，弹窗会被滚动条遮住一部分，调整过right: 20px还是不行。试过给body加paddin...
-
2
回答
45浏览
为什么用Vue导出Excel时，表格中文显示乱码？
用Element UI的export方法导出Excel，中文单元格全显示乱码，已经设置了responseType和charset还是没用... 代码是这样的：<el-table :data="t...
-
2
回答
59浏览
滚动指示条跟随时为什么会卡顿不流畅？
在做单页导航时，想让指示条跟随滚动位置移动。用window.addEventListener('scroll')监听滚动，通过计算scrollTop的位置来更新指示条left值，但滚动时总感觉卡顿不流...
-
2
回答
40浏览
加载失败时重试按钮没反应怎么办？
大家好，我在做一个图片加载组件时遇到了问题。当图片请求失败后，我按规范显示了错误提示和重试按钮，但点击重试按钮完全没反应，控制台也没有报错。 我用axios发起请求时这样写的： this.axios....
-
2
回答
54浏览
属性面板联动时数据不同步怎么办？
最近在做可视化编辑器的属性面板，当拖拽组件到画布后，属性面板的样式设置框没有实时更新数据，手动修改又会覆盖原有值。试过用事件监听同步，但发现频繁操作时数据会错乱，有没有更好的解决办法？ 比如选中一个文...
-
1
回答
34浏览
多文件上传时如何同时获取文件名和文件对象？
我现在在做一个多文件上传功能，用户选多个文件后，想同时获取文件名数组和每个文件的File对象。但发现当用户选了多个文件后，input的files属性虽然能拿到FileList，但直接console.l...
-
2
回答
36浏览
为什么PixiJS精灵跟随鼠标移动时会有延迟和卡顿？
我在用PixiJS实现鼠标跟随的精灵动画时，发现移动明显卡顿，尤其是在快速拖动鼠标时。按照教程用app.renderer.view.addEventListener('mousemove')直接更新精...
-
2
回答
39浏览
点击确认弹窗后怎么阻止删除操作执行？
我在做一个删除功能时遇到问题，给删除按钮绑定了点击事件，用了confirm弹窗确认，但不管点确定还是取消都会执行删除操作。我明明写了if判断，这是哪里出错了？ 代码是这样的： document.que...
