交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
27浏览
WebRTC连接后为什么收不到对方的视频流？
我在用 WebRTC 做一个简单的点对点视频通话 demo，信令服务器用的是 WebSocket，offer/answer 和 ICE 候选都正常交换了。本地流能显示，但 ontrack 回调一直没触...
-
1
回答
68浏览
后端返回的时间戳怎么在页面上格式化成“YYYY-MM-DD”？
我从接口拿到的数据里有个 create_time 字段，值是 1712345678 这种时间戳。想在 HTML 模板里直接显示成“2024-04-05”这样的格式，但不想在 JS 里额外处理，有没有办...
-
1
回答
66浏览
加载失败时怎么优雅地显示错误提示？
我在做列表页的加载逻辑，网络请求失败后想显示“加载失败，请重试”的提示，但现在的写法好像没生效，状态切换也不对。 我试过在 catch 里改 loading 和 error 状态，但页面还是卡在 lo...
-
2
回答
34浏览
右键菜单怎么阻止默认浏览器菜单弹出？
我在做一个自定义的右键菜单功能，绑定了 contextmenu 事件，也调用了 preventDefault()，但有时候还是会弹出浏览器默认的右键菜单，尤其是在某些元素上。是不是我哪里没处理对？ 我...
-
1
回答
56浏览
Recharts 中如何让 X 轴的刻度文字自动换行显示？
我在用 Recharts 画一个柱状图，X 轴的分类名称太长了，直接显示会重叠在一起，看起来特别乱。我试过在 tick 里加样式设置 wordBreak 或者 whiteSpace，但好像都不起作用。...
-
2
回答
22浏览
WebSocket连接后收不到消息是怎么回事？
我用WebSocket连上了后端，onopen能正常触发，但发消息过去后，onmessage完全没反应，是不是哪里写错了？ 后端说已经收到我的请求并返回了数据，但我前端就是收不到。试过在浏览器控制台看...
-
1
回答
40浏览
React中拖拽网格元素时位置偏移怎么办？
我用react-beautiful-dnd做了一个可拖拽的网格布局，但每次拖动卡片时，它都会突然跳到鼠标左上方很远的位置，根本对不准。明明CSS里没设什么奇怪的定位啊。 试过给容器加position:...
-
1
回答
100浏览
表单搜索时输入框内容清空后怎么自动重新加载全部数据？
我在做一个带搜索功能的用户列表页面，输入关键词能正常过滤，但清空输入框后列表没变回全部数据，还是显示上次搜索的结果，这咋办？ 我试过监听 input 事件，但清空的时候好像没触发重新获取原始数据的逻辑...
-
2
回答
34浏览
局部加载时怎么只让按钮变loading而不影响整个页面？
我在做一个表单提交功能，想在点击“保存”按钮后只让这个按钮变成 loading 状态（比如加个 spinner），但发现一加 loading 类，旁边的输入框也会跟着抖动或者换行，布局乱了。 我试过给...
-
1
回答
36浏览
Low Code 平台里怎么动态绑定组件属性？
我在做一个可视化编辑器，拖拽组件后想通过表单动态修改它的 props，但不知道怎么把表单值和组件实例关联起来。比如下面这个按钮组件： <template> <button :styl...
-
2
回答
39浏览
AMap地图容器高度设为100%为什么不显示？
我在用高德地图AMap开发时，想让地图占满整个页面，就把容器的CSS高度设成100%了，但地图完全没渲染出来，控制台也没报错。我试过给父级加高度，也试过用vh单位，但还是不行。 这是我的样式代码： #...
-
1
回答
41浏览
JS动画卡顿怎么办？requestAnimationFrame 不生效？
我用 requestAnimationFrame 写了个简单的元素移动动画，但页面特别卡，帧率很低，感觉跟没用一样。是不是我写法有问题？ 下面是我写的代码，就是让一个 div 每帧往右移 1px： l...
-
1
回答
81浏览
Plotly图表在容器缩放后显示不全怎么办？
我在用Plotly.js做响应式图表，容器是flex布局的一部分。当浏览器窗口缩小后，图表右边和底部的内容会被裁掉，即使设置了responsive: true也不行。我试过手动调用Plotly.Plo...
-
2
回答
103浏览
拖拽排序后数据没更新怎么办？
我用原生 JS 实现了一个简单的列表拖拽排序，视觉上元素位置变了，但绑定的数据数组根本没变，后续提交表单还是按原始顺序传的，这咋整？ 我试过在 drop 事件里手动交换数组项，但总感觉索引对不上，有时...
-
1
回答
41浏览
拖拽时 DataTransfer 的 setData 不生效？
我在做拖拽上传功能，想通过 setData 传个文件 ID，但 drop 事件里用 getData 拿不到值，一直是空字符串。 我试过在 dragstart 里这么写： event.dataTrans...
-
2
回答
27浏览
AOS动画在移动端不生效是怎么回事？
我用AOS（Animate On Scroll）给页面加了滚动动画，PC上一切正常，但一到手机上就完全没效果，元素直接显示，没有淡入或滑动。我试过加data-aos-duration和data-aos...
-
2
回答
44浏览
Nestable 拖拽后怎么获取更新后的层级结构？
我用 Nestable 实现了一个可拖拽的树形菜单，但拖完之后不知道怎么拿到最新的嵌套结构。文档里说要用 serialize 方法，但我调用后返回的是空数组，是不是哪里没初始化对？ 我初始化的代码是这...
-
2
回答
34浏览
Froala富文本在Vue中初始化后无法获取编辑内容怎么办？
我在Vue项目里集成了Froala编辑器，初始化看起来没问题，但提交表单时调用this.$refs.editor.getEditor().html.get()总是返回空字符串，明明页面上已经输入了内容...
-
1
回答
19浏览
WebRTC建立P2P连接后怎么传自定义数据？
我用WebRTC搞了个简单的P2P连接，信令服务器也搭好了，双方能成功交换offer/answer和ICE候选者。但连上之后想发点自定义消息（比如聊天文本），发现不知道该调哪个API。试过peerCo...
-
2
回答
45浏览
Cesium中地图容器高度不生效怎么办？
我在用Cesium加载3D地图时，发现设置的容器高度总是150px，不管我怎么改CSS都没用，明明代码里写了100vh啊。 试过在父级加height: 100%、也试过用!important，但开发者...
