交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
34浏览
如何高效对比两个数组对象的数据差异？
我从接口拿到了新旧两份用户配置数据，都是数组，每个元素是对象。想找出哪些项被修改、新增或删除了，但用 === 直接比较总是 false，因为引用不同。 试过遍历对比 id 和字段值，但代码又长又容易漏...
-
2
回答
27浏览
Notification API 在 Vue 中为什么点击按钮没反应？
我在 Vue 项目里想用 Notification API 弹通知，但点了按钮完全没反应，也没报错。是不是我漏了什么权限申请？ 我试过在 mounted 里直接调用，也试过在方法里写，都不行。代码大概...
-
2
回答
46浏览
Fuse.js 搜索结果高亮样式不生效是怎么回事？
我用 Fuse.js 做了个搜索功能，返回结果后想把匹配的关键词高亮显示，但加了 CSS 样式完全没反应。我试过给匹配词包上 <mark> 标签，也检查了类名，就是不生效。 这是我的高亮样...
-
1
回答
30浏览
热门搜索列表怎么实现自动滚动效果？
我在做搜索页的“热门搜索”模块，想让它像很多App那样自动横向滚动展示热门关键词。现在用的是一个普通的ul列表，试过用CSS的animation配合transform，但滚动到末尾就直接跳回开头，很突...
-
2
回答
191浏览
VeeValidate 如何在表单提交时手动触发验证？
我用 VeeValidate 做表单校验，但点击提交按钮时没自动验证，想手动触发却不知道咋搞。 试过调用 validate()，但控制台报错说不是函数。我的 setup 里是这么写的： import ...
-
2
回答
37浏览
多文件上传时如何限制总文件数量？
我用 做多文件上传，但想限制用户最多只能选5个文件，试了在 change 事件里判断 files.length，可一旦选超了就直接没反应，用户也不知道为啥。 有没有办法在用户选择后自动截断到前5个，或...
-
2
回答
25浏览
FileReader读取图片后为什么无法在React中立即更新状态？
我在用React做图片上传预览功能，用FileReader读取文件后调用setState，但页面没反应。console.log能打出结果，但组件不重新渲染，是不是哪里写错了？ 我试过把reader.o...
-
2
回答
26浏览
列表搜索时输入框内容变化但列表没更新怎么办？
我在做商品列表的搜索功能，输入关键词后列表应该实时过滤，但不管怎么输，页面上的列表都没反应。明明数据变了，是不是哪里没触发更新？ 我用的是原生JS操作DOM，监听了input事件，也重新渲染了列表，但...
-
1
回答
24浏览
通知提示怎么实现手动关闭后不再自动弹出？
我在用 Vue 做一个系统通知，现在每次页面加载都会弹出提示，但用户点“×”关闭后刷新页面又出现了。我试过用 localStorage 记录状态，但好像没生效。 这是我的关闭逻辑： const clo...
-
2
回答
35浏览
版本对比时怎么高亮显示差异行？
我在做配置文件的版本对比功能，想用颜色区分新增、删除和修改的行，但样式总是对不齐。 试过给不同状态的行加 class，但行号和内容错位了，看起来很乱。是不是得用 table 或者特殊布局？ .diff...
-
2
回答
32浏览
按钮点击后怎么立刻给用户视觉反馈？
我做了一个提交按钮，用户点下去的时候感觉没反应，等接口返回才变样式，体验很差。我想在点击瞬间就变色或者加个loading，但试了用:active伪类，效果一闪就没了，根本来不及看到。是不是得用JS？ ...
-
2
回答
54浏览
高德地图自定义样式不生效是怎么回事？
我用高德地图 JS API 加载了一个自定义的 JSON 样式，但地图还是显示默认的样式，完全没变。我确认 JSON 格式是对的，也调用了 setMapStyle 方法，但就是没效果，是不是哪里漏了？...
-
2
回答
33浏览
百度地图在Vue中加载后无法点击标记怎么办？
我在用 Vue3 + 百度地图 API 做一个地点展示功能，地图能正常显示，marker 也加进去了，但点击 marker 没有任何反应，绑定的 click 事件根本没触发。我试过官方文档里的写法，也...
-
2
回答
22浏览
Framer Motion 的 exit 动画为什么不生效？
我用 Framer Motion 做了个列表，点击删除项时想加个淡出动画，但 exit 动画完全没反应。明明已经给父容器加了 layout 和 AnimatePresence，也确保 key 是唯一的...
-
2
回答
43浏览
Alt键触发的CSS快捷键样式不生效怎么办？
我在做一个带键盘快捷键提示的导航栏，想用[alt]键配合其他键实现快捷操作，但加了:focus-visible和:focus样式都没反应。是不是Alt键在CSS里没法直接监听？ 试过给按钮加acces...
-
2
回答
21浏览
为什么给 scroll 事件加 passive: true 后 preventDefault 不生效了？
我在做一个自定义下拉刷新功能，需要监听 scroll 事件并阻止默认滚动，但加上 passive: true 后 preventDefault() 就报错了，说不能在 passive 事件里调用。可不...
-
2
回答
112浏览
Hover效果在移动端不生效怎么办？
我给按钮加了 hover 样式，在电脑上鼠标移上去没问题，但在手机上点按完全没反应，试过加 :active 也不行。 是不是移动端根本不支持 hover？那该怎么实现类似的效果？比如点一下变色那种。 ...
-
2
回答
51浏览
Esc键怎么才能取消当前操作？
我在做一个模态框，想让用户按 Esc 键就能关闭，但试了几次都没反应。我绑定了 keydown 事件，判断 e.key === 'Escape'，逻辑应该没问题啊？ 下面是我写的代码，不知道是不是哪里...
-
1
回答
24浏览
滚动时如何实现平滑的视差动画效果？
我在用 React 做一个带视差滚动的页面，想让背景图滚动得比内容慢一点，但试了几次都不流畅，甚至有时候卡顿。是不是我的写法有问题？ 我用了 useEffect 监听 scroll 事件，然后直接改 ...
-
2
回答
31浏览
全局提示组件怎么在页面任意位置触发？
我用的是原生 JS 写了个简单的全局提示（Toast），但每次都要手动 append 到 body 里，而且多个提示会堆叠在一起。有没有更优雅的方式？比如封装成一个函数，调用时自动创建并显示？ 现在我...
