交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
96浏览
CSS动画结束后如何保持最终状态不回退？
我用CSS写了个简单的放大动画，但动画播完后元素又缩回去了，怎么让它停在最后的状态啊？ 试过加了animation-fill-mode: forwards，但好像没起作用，是不是哪里写错了？ @key...
-
2
回答
375浏览
ECharts 地图下钻后 tooltip 不显示数据怎么办？
我用 ECharts 做了个中国地图，点击省份能下钻到市级，但下钻之后 tooltip 完全不显示了，hover 上去没反应。 之前省级的 tooltip 是正常的，下钻时我重新 setOption ...
-
2
回答
51浏览
拖拽排序时列表项位置错乱怎么办？
我用原生 JS 实现了一个简单的拖拽排序功能，但松开鼠标后列表项的位置总是不对，有时候还会重复或者消失。明明拖动时视觉反馈是正常的，可一 drop 就乱了。 下面是我目前的 HTML 结构，每个 li...
-
1
回答
41浏览
打印网页时样式丢失怎么办？
我在做一个订单详情页，用户需要点击“打印”按钮把页面内容打印出来。本地预览时样式都正常，但一调用 window.print() 打印，字体变小、布局错乱，连颜色都没了！ 我试过加了个打印专用的 CSS...
-
1
回答
32浏览
如何实现文件上传时的百分比进度条？
我在做文件上传功能，想显示一个实时更新的百分比进度条，但不知道怎么拿到上传的进度数据。 用的是 axios 发请求，试过加 onUploadProgress 回调，但算出来的百分比总是不对，有时候超过...
-
1
回答
116浏览
按住 Shift 键点击多个元素时如何正确记录选中状态？
我在做一个类似文件管理器的多选功能，想实现按住 Shift 键后点击两个项目，自动选中它们之间的所有项。但目前的问题是，每次点击都会触发默认的单选逻辑，导致中间的元素没法正确选中。 我试过在 clic...
-
1
回答
119浏览
Framer Motion 的 exit 动画为什么不生效？
我用 Framer Motion 做了个列表，想在删除项时加个淡出动画，但 exit 动画完全没反应。明明已经给组件加了 layout 和 animate，也用了 AnimatePresence 包裹...
-
2
回答
41浏览
Hover效果在React里怎么实现才不卡顿？
我最近在做一个卡片列表，想给每个卡片加个hover时显示操作按钮的效果，但用onMouseEnter/onMouseLeave写完后，鼠标快速移入移出时按钮会疯狂闪烁，感觉特别卡。是不是我的写法有问题...
-
1
回答
18浏览
富文本编辑器里怎么实现格式刷功能？
我正在用 contenteditable 做一个简单的富文本编辑器，现在想加个格式刷功能，就是点一下复制当前选中文本的样式，再点另一段文字就应用过去。但不知道怎么准确获取和还原样式，试过 window...
-
2
回答
60浏览
Slate 在 Vue 中如何正确绑定编辑器内容？
我在用 Slate 做富文本编辑器，但和 Vue 的响应式数据绑定总是出问题。明明改了 editor.children，视图却没更新，是不是我哪里写错了？ 试过直接赋值、用 Vue.set，甚至强制刷...
-
2
回答
103浏览
Modal对话框关闭后状态没重置怎么办？
我用React写了个Modal弹窗，点“取消”关闭后，下次打开表单内容还是上次填的，怎么清空啊？试过在onClose里设state，但好像没生效。 这是我的关键代码： const [open, set...
-
2
回答
41浏览
视频截图加水印怎么实现？canvas绘制有问题
我用video标签播放视频，想在用户点击截图时把当前画面转成带水印的图片。但水印文字总是显示不出来，或者位置不对，是不是drawImage和fillText的顺序有问题？ 我试过先画视频帧再写文字，也...
-
2
回答
43浏览
预览模式下样式不生效怎么办？
我在做可视化编辑器的预览功能，切换到预览模式后，原本在编辑区生效的 Tailwind 样式全没了，但 HTML 结构是对的。 我试过把 Tailwind 的 CDN 链接加到预览 iframe 的 h...
-
2
回答
39浏览
表单提交后页面为什么会自动刷新？
我在用原生 JavaScript 处理表单提交，但每次点击提交按钮，页面都会自动刷新，导致我刚填的数据全没了。明明我已经加了 event.preventDefault() 啊，怎么还是不行？ 这是我的...
-
2
回答
32浏览
Upload组件上传大文件时总是失败，怎么解决？
我用的是 Ant Design 的 Upload 组件，上传小于 10MB 的文件没问题，但一传 50MB 以上的视频就直接报错，控制台显示 net::ERR_CONNECTION_RESET。后端同...
-
2
回答
29浏览
PixiJS里怎么让精灵平滑移动到指定位置？
我用PixiJS做个小游戏，想让一个精灵从当前位置平滑移动到点击的位置，但直接改x/y坐标是瞬移的，完全没动画效果。 试过用requestAnimationFrame自己写缓动，但感觉卡顿还不好控制。...
-
1
回答
20浏览
Markdown 实时预览怎么实现双向同步？
我在做一个 Markdown 编辑器，左边是输入框，右边是预览区。现在的问题是：我改了左边内容，右边能实时更新；但用户点击右边预览里的某个段落，没法自动定位到左边对应位置。这双向同步到底咋搞啊？ 试过...
-
2
回答
52浏览
移动端手势滑动时 touchmove 事件为啥不触发？
我在做一个移动端的滑动组件，绑定了 touchstart 和 touchmove 事件，touchstart 能正常触发，但手指滑动时 touchmove 完全没反应，这是为啥？ 试过在 Chrome...
-
2
回答
27浏览
WebSocket房间管理中如何正确处理用户断开连接？
我在用 WebSocket 做一个多人实时聊天室，用户加入房间后，如果突然刷新页面或关闭标签页，服务器那边收不到 disconnect 事件，导致房间人数统计一直不准。试过监听 onclose，但有时...
-
1
回答
30浏览
TweenMax 动画不生效，元素没动是为什么？
我用 TweenMax 给一个 div 加了淡入动画，但页面加载后完全没反应，元素还是透明的。控制台也没报错，是不是哪里写错了？ 我试过把 duration 调大、检查了元素是否在 DOM 里，也确认...
