交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
35浏览
列表切换时数据缓存怎么保留？
我在做 tabs 切换的列表页，每次切回之前的 tab 列表都会重新请求，体验很差。明明之前已经加载过了，能不能缓存住 DOM 或数据别重复加载？ 试过 keep-alive 包着组件，但好像没生效，...
-
1
回答
49浏览
可视化编辑器中如何动态绑定组件属性？
我在做一个低代码平台的可视化配置功能，用户拖拽组件后需要在右侧面板里修改它的 props。现在卡在怎么把面板里的输入值实时同步到画布组件上。 试过用 Vue 的 provide/inject 传递配置...
-
2
回答
23浏览
Low Code 可视化编辑器中如何动态绑定 Vue 组件的 prop？
我在做 Low Code 可视化搭建时，想通过配置动态传 prop 给自定义组件，但发现值没生效。比如下面这样写，传进去的 label 始终是字符串 "{{config.label}}" 而不是变量值...
-
1
回答
72浏览
Animate.css动画只播放一次后失效怎么办？
我在项目里引入了 Animate.css，给一个按钮加了 animate__animated animate__bounce 类，第一次点击能正常弹跳，但之后再点就没反应了。是不是要手动清除类名？试过...
-
1
回答
44浏览
JS动画为什么卡顿不流畅？
我用 JS 写了个简单的元素移动动画，但明显感觉卡顿，不像 CSS 动画那么顺滑。是不是我写的方式有问题？ 试过用 setInterval 每 16ms 改一次 left 值，也换成 requestA...
-
1
回答
44浏览
属性面板双向绑定失效了怎么办？
我在做可视化编辑器的属性面板，用 Vue 的 v-model 绑定组件属性，但修改输入框值后，画布上的组件没更新。明明数据变了，watch 也触发了，就是视图不刷新，是不是响应式哪里出问题了？ 试过用...
-
1
回答
47浏览
搜索建议列表点击后无法正确填入输入框怎么办？
我在做搜索框的自动建议功能，用的是监听 input 事件 + 调接口返回关键词列表。现在问题是，点击建议项时，输入框的值虽然能通过 inputRef.current.value = item 设置，但...
-
2
回答
34浏览
在线状态图标怎么实时更新才不卡顿？
我用 WebSocket 接收用户在线状态，但一更新头像旁边的绿点就卡得不行，尤其人多的时候。试过直接改 class，也试过 Vue 的 v-if，都不太流畅。 这是我现在用来显示在线状态的样式： ....
-
2
回答
32浏览
前端提示音在Vue里怎么播放才不被浏览器拦截？
我在做消息通知功能，想收到新消息时自动播放提示音，但总是被浏览器静音了，试了好几种方法都不行。 我用的是 Vue 3，代码大概是这样： <template> <button @cli...
-
2
回答
67浏览
为什么点击事件在动态添加的元素上不生效？
我用 JavaScript 动态创建了一些按钮，然后想给它们绑定 click 事件，但点击完全没反应。我试过直接用 element.onclick = ... 的方式，也试过 addEventList...
-
1
回答
31浏览
警告提示怎么在用户操作后自动消失？
我在用原生 JS 做一个表单提交功能，提交失败时会显示一个警告提示，但现在的问题是提示框一直挂着，得手动关。有没有办法让它3秒后自动消失？ 我试过用 setTimeout，但不知道是不是写错了，根本没...
-
1
回答
33浏览
Socket.io连接成功但收不到服务端emit的消息怎么办？
我用Socket.io做了一个简单的聊天功能，前端连接看起来没问题，控制台也没报错，socket.connected 是true。但我在服务端用 io.emit('message', data) 发消...
-
2
回答
47浏览
自动填充时表单字段值变了但没触发 change 事件怎么办？
我在做登录页，用户用浏览器自动填充账号密码后，JavaScript 监听的 change 事件完全没触发，导致“记住我”复选框状态判断出错。试过监听 input 也不行，只有手动输入才生效。 网上说可...
-
1
回答
34浏览
列表滚动时缓存失效，样式错乱怎么办？
我在做移动端商品列表页，用的是 Vue + keep-alive 缓存组件。但每次从详情页返回，列表的滚动位置虽然保留了，可部分 item 的样式却乱了——比如价格颜色变错、按钮状态重置。 我怀疑是组...
-
1
回答
44浏览
FileReader读取文件后为什么总是undefined？
我在用FileReader读取用户上传的图片，但在onload回调外面拿不到结果，打印出来一直是undefined。明明在回调里console.log能看见数据啊？ 我试过把结果赋值给一个变量，但好像...
-
2
回答
36浏览
组件树更新后选中状态为啥不刷新？
我在做可视化编辑器的组件树，每次拖拽新组件进来，树结构能正常更新，但之前选中的节点状态没清掉，导致新节点无法被正确选中。我明明已经用 v-model 绑定了当前选中项啊。 试过在数据变更后手动重置 s...
-
1
回答
85浏览
搜索结果列表渲染后无法正确高亮关键词怎么办？
我用 JavaScript 动态渲染搜索结果，想把用户输入的关键词在结果中高亮显示，但试了好几种方法都不对。比如我把关键词替换成 <mark>关键词</mark>，结果页面上直...
-
1
回答
69浏览
Tiptap 中如何自定义图片上传逻辑？
我用 Tiptap 做富文本编辑器，想替换默认的图片插入方式，改成上传到自己的服务器。但文档里没找到清晰的例子，试了扩展 Image 节点也不生效。 现在点插入图片还是直接贴 URL，我想改成弹出文件...
-
1
回答
30浏览
为什么 mousemove 事件在快速移动时会跳过某些坐标？
我在做一个画板功能，监听 mousemove 来记录鼠标轨迹，但发现鼠标移动太快的时候，路径会出现断点，不是连续的。明明我每次都在 event 里取了 clientX 和 clientY 啊。 是不是...
-
1
回答
28浏览
WebSocket断线后怎么优雅重连？重试太多次反而卡死页面了
我用 WebSocket 做了个聊天功能，网络不稳时经常断开，现在手动加了重连逻辑，但一断就疯狂重试，浏览器直接卡住。试过加延迟，但好像没控制好次数。 目前是这样写的： function connec...
