交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
59浏览
Message消息提示为啥不自动消失？
我在用 Element Plus 的 Message 组件，调用 this.$message.success('操作成功') 后提示能出来，但一直卡在页面上不消失，手动刷新才消失。官方文档说默认3秒自...
-
2
回答
96浏览
拖拽网格时元素位置错乱怎么办？
我在做一个可拖拽的网格布局，用的是原生 HTML5 的 drag 和 drop API。但每次拖动一个格子到新位置后，它总是跑到奇怪的地方，不是偏移就是重叠。 我试过在 drop 事件里手动设置 st...
-
1
回答
34浏览
为什么 video 元素设置了 object-fit: cover 后在 iOS Safari 上不生效？
我在做一个响应式视频背景，希望视频始终填满容器且保持比例裁剪。在桌面浏览器和安卓上用 object-fit: cover 都没问题，但在 iOS 的 Safari 里视频还是被拉伸变形了，根本没按 c...
-
2
回答
61浏览
WebRTC 视频画面拉伸变形怎么解决？
我在用 WebRTC 做一个视频通话功能，本地和远程视频流都能正常显示，但视频画面总是被拉伸填满容器，人脸看起来特别宽。我试过给 video 标签加 object-fit: cover，但好像没生效，...
-
1
回答
24浏览
逆地理编码返回undefined，是我调用方式不对吗？
我在用高德地图API做逆地理编码，点击地图获取坐标后想转成地址，但经常拿到的是undefined。明明坐标是对的，控制台也没报错，就是拿不到地址信息。 我试过加回调、改参数格式，甚至换了几个坐标点，有...
-
1
回答
25浏览
Plotly图表在React中不响应窗口大小变化怎么办？
我用React写了Plotly图表，数据能正常显示，但浏览器窗口缩放时图表不会自动重绘，导致布局错乱。试过加responsive: true，还是没用。 下面是我的组件代码： import React...
-
2
回答
45浏览
文件上传前如何校验文件类型和大小？
我用 input type="file" 做上传，想在用户选完文件后立刻校验类型和大小，但不确定怎么准确判断。比如只允许 jpg/png，且不超过 5MB。 我试过读取 file.type 和 fil...
-
1
回答
28浏览
加载动画在请求完成前就消失了怎么办？
我用 axios 发起请求时加了个 loading 动画，但有时候数据还没回来，loading 就提前隐藏了，特别奇怪。 我是这样控制 loading 状态的：this.loading = true，...
-
2
回答
36浏览
Video.js 如何监听视频播放结束事件？
我用 Video.js 做了个播放器，想在视频播完后自动跳转页面，但试了几次都没触发结束事件。官方文档说用 ended 事件，但我这么写好像没生效： const player = videojs(&#...
-
1
回答
27浏览
Highcharts在React中动态更新数据不生效怎么办？
我在用React配合Highcharts做实时数据展示，但每次state变了图表却没更新。明明props传进去的是新数组，但图表还是显示旧数据，是不是哪里写错了？ 我试过直接修改series.data...
-
1
回答
37浏览
拖拽树形结构时子节点位置错乱怎么办？
我在用原生 JS 实现一个可拖拽的树形菜单，父节点展开后拖动子节点，结果一松手子节点就跑到根节点下面去了。 我试过在 drop 事件里打印目标节点，发现 e.target 指向的是父容器而不是具体的子...
-
2
回答
29浏览
Async Validator 异步校验不生效是怎么回事？
我在用 Ant Design 的 Form 表单做用户名重复校验，明明写了 async validator，但输入后完全没触发请求，控制台也没报错，是哪里写错了吗？ 我试过把 validator 函数...
-
1
回答
32浏览
删除操作前如何优雅地加确认弹窗？
我用原生JS给一个列表的删除按钮加了确认提示，但点“取消”后还是会触发删除，逻辑好像没拦住。是不是confirm()的返回值没处理对？ 这是我的HTML结构： <ul> <li>...
-
1
回答
33浏览
WebSocket 推送未读消息数时 UI 不更新怎么办？
我用 WebSocket 接收服务端推送的未读消息数量，数据能正常收到，但页面上的小红点数字就是不刷新。明明 setState 了，React 组件也没报错，就是 UI 没变化，是不是哪里没触发重渲染...
-
1
回答
32浏览
删除操作的确认弹窗怎么加过渡动画才不闪屏？
我在做一个后台管理页面，点击删除按钮会弹出确认框。现在用的是直接 display: block/none 切换，但感觉特别生硬，想加个淡入淡出效果。试了 opacity 配合 visibility，但...
-
1
回答
21浏览
Markdown 实时预览时怎么避免频繁解析导致卡顿？
我正在做一个支持 Markdown 的富文本编辑器，左边是输入框，右边是实时预览。但每次用户输入就立刻调用解析函数，内容一多页面就明显卡顿。 试过用 lodash.debounce 延迟解析，但延迟太...
-
1
回答
39浏览
ProseMirror 如何监听用户输入并实时获取内容？
我用 ProseMirror 搭了个简单的编辑器，但不知道怎么在用户打字时拿到最新的文档内容。试过在 dispatchTransaction 里用 state.doc.toString()，结果输出的...
-
1
回答
50浏览
列表滚动后数据错乱，怎么正确缓存组件状态？
我在用 Vue 做一个带 tabs 的长列表页面，每个 tab 切换时会加载不同的数据。但用 <keep-alive> 包裹后，滚动位置和输入框内容在切换 tab 时会互相串掉，比如 A ...
-
1
回答
27浏览
表单提交失败后怎么优雅地恢复用户输入？
我在做一个带验证的注册表单，用户填完点提交，如果后端返回错误（比如邮箱已注册），页面就刷新了，用户得重新填所有字段，体验特别差。有没有办法在报错后保留用户已经填的内容？ 我试过用 history.ba...
-
1
回答
25浏览
Final Form 表单验证后错误信息样式不生效怎么办？
我在用 Final Form 做表单验证，错误信息能正常显示出来，但自定义的红色提示样式死活不生效，明明 CSS 写了啊！ 试过给 .error 类加 !important，也检查了类名有没有拼错，但...
