交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
46浏览
Socket.io连接成功但无法接收服务器消息？
大家好，我在用Socket.io实现聊天功能时遇到个怪问题。客户端能正常连接服务器，但发送消息后对方收不到，控制台也没报错。 我按照文档配置了服务端和客户端，代码看起来没问题。比如前端这样写的： &l...
-
2
回答
41浏览
表单重置后，日期选择器的值没清空怎么办？
在做表单重置功能时发现，用reset()方法后普通输入框都清空了，但第三方日期选择器的值还在，手动清空又报错，这是为什么？ 场景是用户填写了生日日期后点击重置按钮，代码是这样的： document.q...
-
2
回答
44浏览
动态添加的CSS过渡在反馈元素上只触发一次怎么办？
在做表单提交反馈时，给提示元素加了transition动画，但动态添加类名后动画只执行了一次。比如第一次显示成功提示有滑动效果，但第二次再切换类名时直接跳变。我用了这样的CSS： .feedback-...
-
2
回答
70浏览
React DnD拖拽时，目标区域样式无法更新怎么办？
在用React DnD实现拖拽排序列表时，我想让目标区域在拖拽进入时显示高亮背景，但尝试了半小时样式就是没反应。 已经按照文档在可Drop组件里用canDrop和isOver监控状态，代码是这样写的：...
-
2
回答
53浏览
可视化编辑器配置面板如何跟随选中元素自动更新？
在做可视化表单设计器时，选中不同组件后配置面板总是显示前一个组件的属性，v-model绑定好像有延迟怎么办？ 试过用element.addEventListener('click')手动更新状态，但切...
-
2
回答
45浏览
虚拟滚动到中间位置时列表内容突然跳动怎么办？
我在用虚拟滚动渲染长列表时发现，当快速滚动到中间区域后松手，列表内容会突然向上跳动10-20px，但滚动到底部正常。我按网上的方案用了IntersectionObserver，调整了start和end...
-
1
回答
49浏览
Vue二次确认弹窗时表单怎么还是会直接提交？
大家好，我在做一个表单删除操作的二次确认功能，但发现即使弹出confirm对话框，表单还是会直接提交了... 代码是这样的：<form @submit="handleDelete"> &l...
-
2
回答
24浏览
右键菜单阻止不了，自定义菜单被默认菜单挡住怎么办？
在做图片画布编辑功能时，我给绑定了右键菜单事件，想用自定义菜单替换默认菜单。但实际测试时，自定义菜单刚显示就被默认菜单挡住，试过event.preventDefault()但没用。 代码是这样的： &...
-
2
回答
60浏览
为什么我的可视化编辑器组件拖拽后无法正确显示位置？
我在开发可视化编辑器时，用HTML5拖拽API实现组件库拖拽到画布的功能，但每次拖拽结束后组件位置总偏移了100px。我检查过事件监听和坐标计算逻辑，代码看起来没问题： element.ondrags...
-
2
回答
61浏览
为什么TweenMax的动画在移动端卡顿不流畅？
大家好，我在用TweenMax做移动端页面滑动动画时，发现iOS设备上动画特别卡顿，明明设置了ease参数和缓动曲线啊。 我尝试过这样写动画： // 使用TweenMax移动元素 TweenMax.t...
-
2
回答
100浏览
React中动态更新SVG path路径数据后图形没变化怎么办
我在用React画SVG折线图的时候遇到个奇怪问题，当通过输入框动态修改坐标数组后，虽然状态更新了但path路径就是不重新渲染。比如我改了第三个点的Y坐标，其他点都正常就是最后一个点不动。 impor...
-
2
回答
59浏览
为什么keypress事件检测到的大写字母显示为小写？
我给输入框绑定了keypress事件，想记录用户输入的每个字符。但发现当按下Shift+字母键时（比如Shift+A），event.key返回的始终是小写字母"a"，而不是预期的大写"A"。这该怎么正...
-
2
回答
42浏览
文件上传同时限制类型和大小时为啥冲突了？
在做图片上传功能时，我想同时限制只能选图片文件且不超过2MB。用了HTML的accept和size属性，但发现选PDF时size限制居然失效了？这是为啥？ 代码是这样写的： <input typ...
-
2
回答
72浏览
GSAP ScrollTrigger动画在移动端触屏滚动时触发不及时怎么办？
我在用GSAP和ScrollTrigger做页面滚动动画时遇到个怪问题，移动端触屏滚动时动画总是比预期晚半秒触发，PC端鼠标滚轮没问题。我尝试过调整start: 'top 80%'的百分比和设置ant...
-
1
回答
124浏览
Modal弹窗在移动端点击确认后页面跳转但没关闭怎么办？
我在移动端用Vue写了一个Modal弹窗，当用户点击确认按钮提交表单后应该跳转到新页面，但发现跳转成功后弹窗没有自动关闭。之前在PC端测试没问题，移动端却出现这种情况。尝试过在submitForm里手...
-
2
回答
131浏览
Skeleton骨架屏切换时为什么会突然跳动？布局如何平滑过渡？
我在用React实现Skeleton加载骨架屏时遇到问题，当真实内容加载完成后，骨架屏和真实内容会同时闪烁一下再切换，布局出现明显跳动。 我尝试给骨架屏和内容容器都设置了相同的宽高和padding，但...
-
2
回答
64浏览
WebSocket心跳检测如何避免频繁断开？
在开发实时聊天功能时，我给WebSocket加了心跳检测，但每隔10分钟还是会被断开。已经用setInterval()每30秒发送心跳，服务端超时设置是35秒，这是哪里出了问题？ 代码是这样的：let...
-
2
回答
65浏览
OpenLayers动态加载GeoJSON图层不显示怎么办？
大家好，我在用OpenLayers做地图应用时遇到个怪问题。按照文档写了动态加载GeoJSON的代码，但图层就是不显示，控制台也没报错... 场景是这样的：我先用fetch获取本地GeoJSON文件，...
-
2
回答
126浏览
实时搜索时输入框边框在移动端显示不全怎么办？
大家好，我在做实时搜索功能时遇到个怪问题。输入框在PC端显示正常，但移动端测试时底部边框总会被截断一段，像这样： .search-input { flex: 1; padding: 8px; bord...
-
2
回答
35浏览
为什么我的GSAP动画在移动端点击时没有触发？
我在用GSAP做按钮点击动画，PC端点击没问题，但移动端点击完全没反应。代码是这样写的： const btn = document.querySelector('.btn'); g...
