交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
51浏览
拖拽看板任务时，如何解决元素位置偏移问题？
我在用Vue3和Element Plus实现看板拖拽功能时遇到个怪问题：当拖拽任务卡片到不同列时，元素的位置总是比鼠标指针偏移大概20px。我试过在draggingClass里加transform: ...
-
2
回答
35浏览
Leaflet地图标记显示在错误位置怎么办？
在用Leaflet给地图添加标记时，明明坐标是对的，但标记总偏移到海里去了。我检查了好几遍经纬度数值没问题，初始化地图和标记的代码是这样的： const map = L.map('map').setV...
-
2
回答
39浏览
React中scroll事件触发的动画为什么会有延迟和卡顿？
我用React做页面滚动动画时遇到了问题。当我用window.addEventListener('scroll')监听滚动位置，并用useState更新动画数值时，动画总会有半秒左右的延迟，滑动页面时...
-
1
回答
41浏览
Nivo折线图更新数据后为什么没有重新渲染？
我用Nivo的Line组件做动态数据展示，用useState维护数据，但修改数据后图表没变化。虽然console.log显示数据更新了，但折线图还是老数据。试过强制设置key值和调用forceUpda...
-
2
回答
52浏览
Vue表单输入的JSON数据在预览时无法正确格式化怎么办？
在做表单数据预览功能时，用户输入JSON字符串到textarea，我用v-model绑定到data.jsonData。但直接显示时，数据都挤成一行： <template> <text...
-
2
回答
38浏览
无限滚动时多次触发请求该怎么解决？
我用window.scroll监听做无限滚动，设置的防抖函数也没问题，但滚动到底部时还是会触发多次请求。比如快速滚动时甚至会连续请求三次，怎么排查这个问题？ 我的逻辑是监听scroll事件，当scro...
-
2
回答
150浏览
二次确认弹窗连续点击怎么阻止重复提交？
我在做一个订单删除功能，用了二次确认弹窗，但用户如果连续快速点击删除按钮，会连续弹出多个确认框。试过给按钮加disabled属性，但因为确认框是同步弹出的，按钮样式没及时更新。用过setTimeout...
-
2
回答
92浏览
Vue房间管理页面创建房间后列表不更新怎么办？
在开发实时聊天室时，用户创建房间后房间列表没及时更新，试过手动刷新但权限检查又出错。用Socket.io和Vuex管理状态，代码逻辑没问题但就是不触发更新。 <template> <...
-
2
回答
52浏览
WebSocket发送消息后服务端没收到，是什么原因？
在做聊天功能时用了socket.io，客户端用socket.emit('chat', message)发送消息后，服务端监听不到。服务端明明显示连接正常，但就是收不到消息，卡在这好几天了…… 尝试过在...
-
2
回答
50浏览
CKEditor自定义按钮获取选区文本返回空值怎么办？
我在CKEditor5里加了自定义按钮，点击时想获取当前选中的文本。用了editor.model.document.selection却总是空值，是不是获取方式有问题？试过监听选区变化也没触发... ...
-
2
回答
58浏览
表单验证函数在提交时没有触发怎么办？
大家好，我正在做一个用户注册表单，想用JS验证邮箱格式。按照教程写好了验证函数，但点击提交按钮时验证完全没反应，直接跳转页面了。 我尝试过在表单加了onsubmit调用验证函数，但好像没生效。代码是这...
-
2
回答
44浏览
为什么我的keypress事件无法捕获Enter键的输入？
我正在给一个搜索输入框添加键盘交互，想用keypress事件监听回车键触发搜索。按回车时控制台没有任何反应，但用keydown却能正常触发。我试过检查事件对象的keyCode和key属性，发现keyp...
-
2
回答
1,959浏览
为什么AOS动画在页面滚动时出现闪烁？
大家好，我在用AOS动画库做滚动动效时遇到了问题。当页面滚动到某个卡片组件时，动画元素会先快速闪现一下原始状态，再触发进入动画。 我按照文档初始化了AOS： document.addEventList...
-
2
回答
65浏览
Async Validator在表单提交前如何同步显示异步验证错误？
我在用Ant Design的Form做登录表单时，密码强度验证用了Async Validator，但发现当用户点击提交后，如果密码不符合要求，错误提示总是延迟1秒才显示。我试过把validateTri...
-
2
回答
58浏览
可视化编辑器的快捷键在输入框里失效怎么办？
我在做一个可视化编辑器，给元素添加样式时需要监听快捷键，但发现当光标在输入框里时快捷键完全没反应。比如按Ctrl+C复制属性面板里的代码时，控制台啥都没输出： document.addEventLis...
-
2
回答
37浏览
移动端搜索结果列表在输入时被虚拟键盘挡住如何解决？
大家好，我在做搜索功能时遇到个怪问题。当用户输入搜索词后，点击搜索结果列表时，虚拟键盘弹出导致列表底部被遮挡，无法滑动到底部。 我尝试给搜索结果容器加了overflow-y: auto和固定高度，但滑...
-
2
回答
44浏览
为什么我的WebRTC P2P视频通话只能单向传输？
我在用WebRTC实现两人视频通话时，甲方能看见乙方画面，但乙方屏幕一直是黑的。已经检查过信令服务器和STUN/TURN配置没问题，双方都能收到SDP和ICE候选。这是客户端处理offer的代码： f...
-
2
回答
49浏览
模板库点击加载组件后如何保持选中状态？
在做可视化编辑器模板库时，我遇到一个状态同步的问题。点击左侧模板库的组件项时，需要把对应的组件动态加载到编辑区，但同时希望选中的模板项能保留高亮状态。 我用列表展示模板，每个绑定了点击事件。但点击后选...
-
2
回答
54浏览
地图缩放时路径起点终点标记移出屏幕怎么办？
在做地图路径规划功能时，用户拖动起点终点标记后，当缩放地图时标记经常会跑到屏幕外面去，试过监听zoom事件动态调整位置，但计算坐标总是不准，特别是大比例尺的时候。 我用了leaflet.js，尝试过在...
-
2
回答
71浏览
用FileReader读取图片后预览显示空白怎么办？
在做文件上传预览功能时，用FileReader读取图片，但显示出来的canvas画布一直是空白的。我尝试过把文件转成base64，然后用标签显示，但图片就是不显示，控制台也没报错，这是哪里出问题了？ ...
