交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
21浏览
可视化编辑器撤销重做怎么实现才不会乱？
我在做一个拖拽组件的可视化编辑器，现在想加撤销重做功能，但每次操作后状态同步老出问题。比如拖动一个元素后撤销，位置没变回来，或者重做时报错。 我试过用一个数组存历史快照，每次操作就 push 一个新状...
-
2
回答
30浏览
Upload组件上传后文件列表不更新怎么办？
我用的是Element Plus的Upload组件，手动上传成功后，界面上的文件列表还是空的，明明已经返回了正确的URL。试过给fileList赋新值，但没反应，是不是哪里漏了？ 这是我的上传方法： ...
-
2
回答
30浏览
Vue Draggable 拖拽后样式错乱怎么办？
我用 Vue Draggable 做了一个可拖拽的列表，但拖动之后元素的宽度突然变窄了，看起来像是丢失了原有的 CSS 样式。明明没动过 class，也不报错，就是视觉上不对。 我试过给 dragga...
-
2
回答
34浏览
鼠标跟随效果在Vue里怎么实现才不卡顿？
我用Vue写了个鼠标跟随的小圆点，但移动快了就明显掉帧，感觉很卡。是不是监听mousemove的方式不对？ 下面是我现在的代码，就是直接绑在document上更新坐标： <template>...
-
2
回答
92浏览
多点触控手势怎么监听缩放操作？
我在移动端做图片查看器，想实现双指缩放，但 touchstart 和 touchmove 事件里拿到的 touches 长度有时候不对，缩放时经常触发两次甚至更多次处理，逻辑乱了。 我试过用两个 to...
-
2
回答
25浏览
Algolia 搜索结果不更新，是不是我用错了 instantsearch.js？
我用 Algolia 的 instantsearch.js 做了个搜索框，但改了 query 后页面结果完全没变，控制台也没报错，是不是哪里初始化错了？ 我试过重新调用 search.refresh(...
-
2
回答
25浏览
为什么 keypress 事件在 Vue 里监听不到方向键？
我最近在用 Vue 做一个简单的键盘控制功能，想用 keypress 监听方向键（比如左、右箭头），但发现完全没反应。查了文档说 keypress 只对能产生字符的按键有效，那是不是意味着方向键根本不...
-
2
回答
34浏览
地图轨迹回放时如何平滑移动Marker？
我在用高德地图做轨迹回放功能，现在是每隔1秒更新一次Marker的位置，但看起来特别卡顿，像“瞬移”一样。试过用marker.setPosition()直接设置新坐标，也试过加CSS transiti...
-
2
回答
39浏览
Notification API 为什么在本地文件中无法弹出通知？
我在用 Chrome 测试 Notification API，写了个简单的请求权限和显示通知的代码，但双击打开 HTML 文件时完全没反应，控制台也没报错。 我试过 Notification.requ...
-
2
回答
18浏览
AutoComplete 输入框防抖怎么写才不会漏掉用户输入？
我在做搜索框的 AutoComplete 功能，用 setTimeout 做了防抖，但有时候快速输入会漏掉最后几个字，比如输入“react”结果只搜了“reac”。 我试过把延迟设成 300ms，但体...
-
2
回答
29浏览
拖拽时 DataTransfer 的 setData 为什么在 Firefox 里取不到值？
我在做一个拖拽上传的功能，用 setData 存了个自定义类型的数据，Chrome 下一切正常，但在 Firefox 里 getData 拿到的是空字符串。是不是 Firefox 对自定义 MIME ...
-
2
回答
36浏览
WebSocket连接后样式没生效是怎么回事？
我用 WebSocket 接收服务器发来的消息，然后动态更新页面上的状态指示灯颜色，但样式一直没变。控制台能打印出正确消息，DOM 也更新了，就是颜色没反应。 我试过直接改 style 属性、切换 c...
-
2
回答
44浏览
WebGL 渲染图表时坐标系搞反了怎么办？
我用 WebGL 画一个简单的折线图，但发现 Y 轴方向跟 Canvas 2D 完全相反——数据点越往上，Y 值反而越小。明明传入的是正常坐标，比如 [100, 200] 应该在下方，结果却显示在顶部...
-
1
回答
75浏览
缓冲动画在 Safari 上为啥不流畅？
我最近在做一个加载状态的缓冲动画，用的是 CSS 动画配合 transform，Chrome 和 Firefox 都挺顺滑的，但在 Safari 上明显卡顿，甚至有时候直接不动了。是不是我哪里写得不对...
-
1
回答
34浏览
鼠标跟随动画怎么实现才不卡顿？
我在做一个鼠标跟随的小圆点效果，但一动起来就特别卡，尤其在高分辨率屏幕上。我试过用 mousemove 监听然后直接改元素的 left/top，但性能很差。 是不是应该用 transform？或者加个...
-
2
回答
85浏览
Placeholder占位加载时怎么避免页面跳动？
我在用骨架屏做列表加载的placeholder，但数据回来后内容高度变了，页面会突然跳一下，特别难受。试过给容器写死高度，但不同设备显示行数不一样，根本没法固定。 现在用的是Tailwind写的骨架组...
-
2
回答
37浏览
Transition动画为什么只在进入时生效，退出时不触发？
我用CSS写了个简单的过渡效果，想让元素在显示和隐藏时都有淡入淡出动画，但目前只有显示的时候有动画，隐藏时直接消失了，完全没过渡。是不是哪里写错了？ 我试过加了opacity和visibility，也...
-
1
回答
43浏览
Vuelidate 表单验证后错误信息不更新是怎么回事？
我用 Vuelidate 做表单验证，输入框失去焦点时会触发验证，但修改内容后错误提示没消失，明明值已经合法了。试过调用 $touch() 和 $reset() 都不行。 这是我的验证规则代码： co...
-
2
回答
49浏览
Final Form 表单验证时样式不生效是怎么回事？
我用 Final Form 做表单，配合 CSS 实现错误状态下的边框变红，但明明字段有错误，样式就是没加上。我检查了字段的 meta.error 和 meta.touched，逻辑应该没问题啊。 这...
-
2
回答
43浏览
BMap点击标记后如何获取当前marker的经纬度？
我在用百度地图BMap开发时，给地图加了几个marker，现在想在点击某个marker的时候拿到它自己的经纬度，但试了好几种方法都不对。比如我用marker.getPosition()却报错说unde...
