交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
40浏览
画笔工具在移动端无法正常绘制，是事件没处理好吗？
我用 canvas 做了个简单的画笔工具，在电脑上用鼠标能正常画，但一到手机上就完全没反应。 我只监听了 mousedown、mousemove 和 mouseup，是不是得加 touch 事件？试过...
-
1
回答
47浏览
输入框自动补全怎么防抖才不卡顿？
我用原生 JS 做了个搜索框的自动补全，每次 input 事件都发请求，结果疯狂请求接口，页面卡得不行。试过加 setTimeout，但好像没生效，还是频繁触发。 这是我现在写的监听代码： input...
-
1
回答
27浏览
React里用useRef做视差滚动为啥没效果？
我照着教程用 useRef 和 useEffect 写了个简单的视差效果，但图片根本不动，是哪里写错了吗？ 控制台也没报错，scrollY 的值看起来是对的，但 transform 样式就是没应用上。...
-
1
回答
29浏览
富文本编辑器工具栏怎么自定义样式才不会错乱？
我用 Quill.js 做了个富文本编辑器，现在想改工具栏按钮的样式，比如把图标变大点、间距调宽松些。但一加自定义 CSS，有些按钮就换行了，或者图标对不齐，特别奇怪。 我试过直接覆盖 .ql-too...
-
1
回答
80浏览
MQTT连接后收不到消息是怎么回事？
我用Paho.js连上了本地Mosquitto服务器，订阅了test/topic，但发布消息后回调没触发。连接状态显示已连接，也没报错。 这是我的订阅代码： const client = new Pa...
-
1
回答
81浏览
SVG画折线图时路径显示不全怎么办？
我用SVG画一个简单的折线图，数据点都算对了，但最后生成的只显示了一半，后面几段线直接没了。是不是坐标超出 viewBox 范围了？ 我试过调整viewBox的大小，也检查了d属性的字符串拼接，看起来...
-
2
回答
17浏览
DPlayer 播放 HLS 视频时为什么一直加载转圈？
我用 DPlayer 播放一个 .m3u8 的直播流，但页面一直显示加载动画，视频就是出不来。控制台也没报错，网络面板里能看到 m3u8 文件和 ts 分片都成功请求了。 我试过把 video 元素的...
-
2
回答
65浏览
Sortable.js 拖拽后顺序变了但数据没更新怎么办？
我用 Sortable.js 做了一个列表拖拽排序，视觉上元素位置确实变了，但我发现背后的数组数据根本没跟着变。我试过在 onEnd 回调里手动 splice 更新数组，但索引总是对不上，拖两下就乱了...
-
1
回答
568浏览
为什么 Notification.requestPermission() 在某些浏览器里不弹窗？
我最近在做一个消息提醒功能，调用 Notification 权限请求时，发现有时候根本不会弹出授权提示框，特别是在 Chrome 里。本地开发环境（localhost）可以正常弹窗，但部署到 HTTP...
-
2
回答
127浏览
Final Form 中如何监听表单值变化并实时更新？
我在用 Final Form 做一个动态表单，想在用户输入时实时打印当前的表单值，但不知道怎么监听整个表单的变化。试过在 Field 里加 onChange，但只能拿到单个字段的值。 看到文档里有 s...
-
1
回答
85浏览
实时搜索时输入框样式错乱怎么办？
我在做实时搜索功能，输入内容时下拉列表会闪动，而且输入框的边框样式突然变了，明明没改过CSS啊。 试过加transition也没用，控制台也没报错。是不是和focus状态冲突了？我的输入框样式是这样写...
-
2
回答
41浏览
Confirm弹窗点击取消为啥还会执行后续操作？
我在用原生JS写一个删除确认逻辑，点了“取消”按钮，结果后面的删除代码还是执行了，这不应该啊？ 我试过用 if (confirm(...)) { ... } 包裹，但好像没起作用，是不是我哪里理解错了...
-
1
回答
36浏览
列表搜索时怎么实现高亮匹配的关键词？
我在做一个用户列表的搜索功能，输入关键词后能过滤出匹配的项，但不知道怎么把匹配的文字高亮显示出来。试过直接用 innerHTML 插入带 <mark> 标签的字符串，但感觉不太安全，而且 ...
-
1
回答
43浏览
环形加载进度条怎么在Vue里实现动态旋转？
我用Vue做了一个环形加载动画，但转起来特别卡，而且方向不对，明明写了顺时针却逆着转。是不是transform-origin没设对？ 试过用CSS animation配合transition，也试过直...
-
1
回答
46浏览
可视化编辑器里怎么动态加载自定义组件库？
我在做可视化拖拽编辑器，想让用户能选我们封装好的业务组件，但这些组件是异步加载的。试过用 React.lazy 包裹，结果报错说不能在 Suspense 外使用。 现在卡在这儿了，有没有不用 Susp...
-
1
回答
30浏览
缓动函数怎么让动画更自然？
我用JS写了个简单的元素移动动画，但感觉生硬卡顿，不像CSS transition那样顺滑。是不是缓动函数没选对？ 试过直接改 time / duration 的比例，但效果还是线性的。网上说要用 e...
-
1
回答
23浏览
如何监听鼠标侧键点击事件？
我在做一个需要支持鼠标侧键操作的网页应用，但发现常规的 click 事件根本捕获不到侧键（比如前进/后退那两个按键）。我试过用 mousedown，但 event.button 的值在不同浏览器里表现...
-
2
回答
23浏览
Modal对话框关闭后页面滚动条消失怎么解决？
我在项目里用原生JS写了个Modal弹窗，打开时给body加了overflow: hidden防止背景滚动，但关闭后页面的滚动条就没了，刷新才恢复，这咋办？ 试过在关闭时移除样式，但有时候还是不行，特...
-
2
回答
40浏览
表单校验时如何统一处理多个字段的错误提示？
我用原生 JS 写了个注册表单，现在每个 input 都要单独写校验逻辑，错误提示还得手动插到对应位置，代码特别乱。有没有办法统一处理所有字段的校验和错误显示？ 比如用户名、邮箱、密码这些字段，规则都...
-
1
回答
37浏览
加载进度条怎么在React里实时更新？
我用React做文件上传，想显示一个进度条，但setState之后界面没反应。明明onUploadProgress回调里打印的progress是变化的，可UI就是不动。是不是我状态更新的方式有问题？ ...
