交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
25浏览
拖拽上传时怎么高亮显示拖入区域？
我在做拖拽上传功能，但用户把文件拖到上传区域时没有视觉反馈，体验很差。我试过监听 dragover 和 drop 事件，也加了 preventDefault，但 CSS 的 :hover 伪类在拖拽时...
-
1
回答
54浏览
Vue Draggable 拖拽后列表顺序没更新，怎么回事？
我用 Vue Draggable 做了个可拖拽的列表，但拖完之后 data 里的数组顺序根本没变，明明绑定了 v-model 啊？是不是哪里写错了？ 我试过用 @end 事件打印 list，发现还是原...
-
1
回答
63浏览
加载动画在React中怎么实现才不会卡顿？
我在用React做数据请求时加了个加载动画，但每次一加载页面就明显卡一下，尤其是低端手机上更严重。我试过用CSS动画和直接切换loading状态，但效果都不太流畅，是不是我的写法有问题？ 这是我现在用...
-
1
回答
29浏览
步骤进度条加载状态怎么同步到每个步骤？
我在做一个多步骤表单，想在每个步骤按钮上显示加载状态，但不知道怎么把 loading 状态精准绑定到当前进行的步骤。 试过用一个变量 currentStepLoading 控制，但切换步骤时状态会错乱...
-
1
回答
48浏览
为什么按 Enter 键不能提交表单？
我在一个带输入框的弹窗里加了表单，但按 Enter 键完全没反应，明明 input 在 form 里面啊。<form onsubmit="handleSubmit"> 这样写的，是不是少了...
-
2
回答
106浏览
Vue里怎么实现长按事件？touchstart和touchend老是不生效
我在移动端做了一个长按删除的功能，但用 touchstart 和 touchend 总是没反应，是不是我写法有问题？ 试过加 passive: false 也没用，而且在真机上测试有时候会触发 cli...
-
2
回答
28浏览
keyup事件监听后为什么有时候不触发？
我在做一个输入框的实时搜索功能，绑定了 keyup 事件，但有时候快速输入或者按回车的时候，事件好像没触发，控制台也没输出。是不是我写法有问题？ 这是我目前的代码： const input = doc...
-
1
回答
34浏览
Placeholder占位加载时布局会跳动怎么办？
我在用Vue做列表加载，数据没回来前用灰色块当placeholder，但真实数据渲染后高度变了，页面会突然跳一下，体验很差。试过固定高度但内容长短不一不好设。 现在代码是这样： <div v-f...
-
2
回答
57浏览
如何在React中实时绘制鼠标移动轨迹？
我在做一个画板功能，想记录并实时显示鼠标移动的路径，但发现轨迹断断续续，甚至有时候根本不显示。我监听了 mousemove 事件，并把坐标存到 state 里，然后用 SVG 的 polyline 渲...
-
2
回答
25浏览
热力图数据更新后为什么不重新渲染？
我在用 React + 高德地图 SDK 做一个热力图功能，初始加载时能正常显示，但当我通过接口获取新数据并 setState 后，热力图却没更新。我确认数据格式是对的，也调用了 setHeatmap...
-
1
回答
47浏览
Draft.js 如何在 Vue 项目中集成并初始化编辑器？
我最近想在 Vue 项目里用 Draft.js 做富文本编辑，但发现它好像是为 React 设计的。我试着直接引入，结果报错说找不到 React 相关依赖。是不是根本不能在 Vue 里用？还是我姿势不...
-
1
回答
69浏览
WebSocket房间管理怎么避免用户重复加入同一个房间？
我用WebSocket做了一个多人聊天室，但发现用户刷新页面后会重复加入同一个房间，导致消息重复接收。我已经在服务端用Set存用户ID了，但好像没起作用？ 下面是我服务端处理加入房间的逻辑： cons...
-
1
回答
42浏览
表单校验时如何同时验证手机号和验证码？
我做登录页，需要用户填手机号和短信验证码。现在用的是 HTML5 的 <input type="tel"> 加 pattern 校验手机号，但验证码是 6 位数字，不知道怎么把两个字段联动...
-
1
回答
26浏览
Slate 中如何正确处理粘贴 HTML 内容时的格式丢失问题？
我在用 Slate 做富文本编辑器，用户从 Word 或网页复制带格式的内容粘贴进来，但样式全没了，只保留纯文本。我查了文档说要用 withHtml 插件，但按官方示例写完还是不行。 我试过在 onP...
-
2
回答
36浏览
AMap 地图在 React 中加载后无法点击 Marker 怎么办？
我在用 React 集成高德地图时，Marker 能正常显示，但点击事件完全没反应，控制台也没报错。我明明加了 click 事件监听，是不是哪里写错了？ 之前试过把事件绑定放在 useEffect 里...
-
2
回答
23浏览
WebSocket连接后收不到服务器推送的消息怎么办？
我用 WebSocket 做了个简单的聊天页面，前端连接成功了（onopen 能触发），但服务器明明发了消息，前端的 onmessage 却完全没反应。我在本地用 Node.js 搭的测试服务，发的是...
-
1
回答
23浏览
Lottie动画在移动端卡顿怎么办？
我在项目里用 Lottie 加载了一个 JSON 动画，桌面端跑得很流畅，但一到手机上就明显卡顿，尤其在低端安卓机上几乎动不了。我试过把动画帧率从 60 降到 30，也压缩了 JSON 文件大小，但效...
-
2
回答
33浏览
Pusher连接后收不到消息是怎么回事？
我用Pusher在前端监听频道，connect成功了，但就是收不到后端发的消息，很奇怪。 后端确认事件已经触发，Dashboard里也能看到连接在线。我前端代码是这样写的： const pusher ...
-
1
回答
58浏览
WangEditor在React中如何正确获取编辑器内容？
我在用WangEditor做富文本编辑功能，但每次调用editor.getHtml()都拿不到最新的内容，是不是哪里初始化错了？ 我试过在onChange里存状态，也试过直接调用实例方法，但有时候内容...
-
2
回答
24浏览
预览模式下组件样式错乱怎么办？
我在做可视化编辑器的预览功能，切换到预览模式后，原本在编辑态正常显示的组件样式全乱了，布局塌陷、字体变小，但数据是正常的。 我试过把编辑区的样式隔离去掉，也检查了 scoped 样式，还是不行。是不是...
