交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
24浏览
表单提交后怎么防止用户重复点击？
我做了一个注册表单，用户点提交后如果网络慢，可能会狂点好几次，结果数据库里插入了多条重复数据。试过在提交后禁用按钮：btn.disabled = true，但有时候请求失败了，按钮就一直禁用，用户没法...
-
2
回答
45浏览
自动填充时输入框背景色为什么变黄了？怎么改掉？
我在做登录表单的时候，浏览器自动填充用户名密码后，输入框背景变成难看的黄色，试过用input:-webkit-autofill去覆盖样式但好像没生效，是我写法有问题吗？ 这是我的CSS代码： inpu...
-
1
回答
41浏览
如何用 canvas 实现鼠标橡皮擦功能？
我在做一个简单的画板，想加个橡皮擦功能，但试了几次都不对。我用的是 canvas，正常画画没问题，但切换到橡皮擦模式后，不是把整个画布清空，就是根本擦不掉内容。是不是 globalCompositeO...
-
2
回答
29浏览
Esc键怎么才能取消当前操作？
我在做一个模态框，想用 Esc 键关闭它，但试了几次都没反应。我加了 keydown 事件监听，也判断了 e.key === 'Escape'，可就是不触发。 是不是要加在 document 上？还是...
-
2
回答
34浏览
用 interact.js 实现拖拽时元素位置偏移怎么办？
我在用 interact.js 做一个可拖拽的卡片组件，但每次拖动时元素都会突然跳一下，感觉位置偏移了。我试过调整 dragMoveListener 里的 translate 值，但还是不对。 这是我...
-
2
回答
17浏览
Dash.js播放HLS流时为什么一直卡在loading状态？
我用 Dash.js 尝试播放一个 HLS 流（其实是 .m3u8 链接），但页面一直显示 loading，控制台也没报错。明明这个链接在 VLC 里能正常播放，是不是我初始化方式有问题？ 我试过设置...
-
2
回答
29浏览
按钮点击后怎么加个视觉反馈效果？
我做了一个提交按钮，用户点完没反应，想加个点击后的视觉反馈，比如颜色变一下或者加个 loading 动画，但不知道怎么实现才合理。 试过用 :active 伪类改背景色，但效果太短暂，用户根本注意不到...
-
2
回答
363浏览
FileReader读取图片后为什么有时候显示不出来？
我在用FileReader做图片预览功能，选了图片后调用readAsDataURL，但有时候onload回调里拿到的result赋值给img的src却显示空白，控制台也没报错。 我试过在onload里...
-
2
回答
32浏览
GSAP动画结束后元素怎么恢复原状？
我用GSAP做了一个按钮点击后的缩放动画，但动画结束后元素就保持在缩放状态了，没法自动变回原来的大小。明明没加repeat，也不该卡住啊？ 试过在to里加onComplete回调手动重置，但感觉很麻烦...
-
2
回答
54浏览
React Hook Form 中如何动态设置默认值？
我用 React Hook Form 做一个编辑表单，想根据接口返回的数据动态设置默认值，但 useForm 的 defaultValues 似乎只在初始化时生效一次，后续数据变了也不更新。试过用 r...
-
2
回答
28浏览
Formik 表单提交后怎么清空字段？
我用 Formik 做了个表单，提交成功后想自动清空所有输入框，但试了 resetForm 没生效，是我调用方式不对吗？ 我在 onSubmit 里这样写的： onSubmit: (values, {...
-
2
回答
35浏览
HLS.js 播放时为什么总在切换清晰度后卡住？
我用 HLS.js 做了一个支持多码率切换的播放器，但每次手动切换清晰度（比如从 720p 切到 1080p）之后，视频就会卡住几秒甚至直接黑屏。控制台没报错，network 里看到新的 m3u8 和...
-
2
回答
44浏览
Spring动画的阻尼参数怎么调才不抖动？
我用 Framer Motion 做一个弹窗的入场动画，用了 spring 类型，但每次弹出来都会来回抖好几次，特别难受。 试过改 damping 和 stiffness，比如设成 damping: ...
-
2
回答
22浏览
Progress进度条加载状态不更新是怎么回事？
我在用React做文件上传功能，进度条一直卡在0%，明明console.log里看到progress已经变了，但UI就是不动。是不是setState没生效？ 我试过用useEffect监听progre...
-
1
回答
20浏览
如何高效对比两个数组对象找出差异项？
我在做数据同步功能时，需要对比新旧两组用户数据，找出新增、删除和修改的项。但用双重循环性能太差，而且判断对象是否相等也不准确，试过 JSON.stringify 但顺序不同就失效了。 有没有更靠谱的方...
-
2
回答
29浏览
ApexCharts 的 tooltip 怎么只显示部分数据？
我在用 ApexCharts 做一个折线图，但 tooltip 里只显示了第一个系列的数据，其他系列的值都没出来。明明 chart 配置里有三个 series，但鼠标悬停时 tooltip 只展示一个...
-
2
回答
367浏览
Confirm确认框怎么自定义样式？
我用window.confirm()弹出确认框，但默认样式太丑了，想改成和我们UI一致的风格，结果发现好像不能改？ 试过在CSS里加样式，完全没反应。是不是confirm本身就没办法自定义？那有没有替...
-
2
回答
435浏览
如何准确获取移动端滑动时的瞬时速度？
我在做移动端图片轮播，想根据用户手指滑动的速度来决定是否自动翻页。但用 touchstart 和 touchend 算出来的速度总是不准，有时候轻轻一划反而触发了快速翻页。 我试过用时间差和位移计算速...
-
2
回答
387浏览
拖拽时 DataTransfer 的 setData 为什么在 onDragStart 里没生效？
我在 React 里做拖拽功能，想通过 setData 传一个自定义 ID，但 drop 的时候用 getData 拿不到值，一直是空字符串。是不是我写法有问题？ 试过把 e.dataTransfer...
-
2
回答
30浏览
虚拟列表滚动时内容闪烁是怎么回事？
我用原生JS实现了一个简单的虚拟列表，但每次滚动时都会看到内容闪烁一下，体验很不好。明明只更新了可视区域的DOM，为啥还会闪呢？ 我试过用 requestAnimationFrame 包裹更新逻辑，也...
