交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
38浏览
抽屉编辑表单提交后数据没更新，是状态没同步吗？
我在用 Ant Design 的 Drawer 做一个编辑功能，点击“编辑”打开抽屉，填完表单点保存，但列表里的数据没变。我明明在父组件里调了 setState，是不是抽屉里的表单值没传出去？ 试过在...
-
2
回答
31浏览
Better Scroll 滚动后无法触发 click 事件怎么办？
我用 Better Scroll 做了一个横向滚动的导航栏，但点击里面的按钮没反应，click 事件完全不触发。查了文档说是因为 BS 阻止了原生点击，但我已经加了 click: true 配置，还是...
-
1
回答
49浏览
搜索结果列表怎么实现动态高亮匹配关键词？
我在做搜索功能时，后端返回了结果列表，但想在前端把用户输入的关键词在结果中高亮显示。试过用 String.replace() 加 <mark> 标签，但发现如果关键词包含特殊字符（比如括号...
-
1
回答
26浏览
高德地图点击标记后如何获取当前marker的信息？
我在用高德地图 JS API v2 开发一个门店展示功能，页面上加了多个 marker。现在想在点击某个 marker 时弹出对应门店的名称，但不知道怎么拿到被点击的那个 marker 的数据。 我试...
-
1
回答
23浏览
Vue中删除数据后列表没更新是怎么回事？
我用 Vue 做了个简单的待办列表，添加和编辑都正常，但点击删除后页面上的列表没变化，虽然控制台打印的数组长度确实减少了。是不是响应式出了问题？ 我试过用 splice 和 filter，也用了 th...
-
1
回答
42浏览
移动端手势滑动时 touchmove 事件不触发怎么办？
我在做一个移动端的滑动组件，监听了 touchstart 和 touchmove 事件，但发现有时候手指滑动了，touchmove 根本没触发，只触发了 touchstart 和 touchend。我...
-
2
回答
124浏览
怎么用JS准确记录并绘制鼠标移动轨迹？
我在做一个画板功能，想实时记录鼠标移动的路径然后画出来，但发现轨迹特别卡顿，而且点太稀疏连不成线。我试过在 mousemove 里直接 push 坐标到数组，但效果很差。 有没有办法平滑一点地采集轨迹...
-
1
回答
54浏览
画布缩放后元素位置偏移怎么办？
我在做一个可视化编辑器，用 canvas 实现的画布。当用户滚动鼠标滚轮缩放画布时，我通过 ctx.scale(scale, scale) 来缩放，但发现拖拽元素时位置明显偏移了，好像没考虑当前缩放比...
-
2
回答
137浏览
MQTT连接后收不到消息是怎么回事？
我用MQTT.js在浏览器里连上了本地的Mosquitto服务器，订阅了topic也没报错，但就是收不到别人发的消息。是我哪里配置错了？ 我已经确认服务端能收到其他客户端的消息，前端代码也照着文档写的...
-
1
回答
49浏览
Markdown 实时预览怎么实现双向同步？
我用 contenteditable 做了个 Markdown 编辑器，左边写源码右边实时预览，但改预览区内容没法同步回源码区，这咋整？ 试过监听 input 事件，但预览区是渲染后的 HTML，转回...
-
2
回答
32浏览
Dragula在Vue中拖拽后数据没更新怎么办？
我在用 dragula 做一个任务看板，拖完卡片后 DOM 看起来移过去了，但 Vue 里的数组顺序根本没变，导致保存时还是原来的数据。我试过在 drake.on('drop') 里手动 splice...
-
1
回答
29浏览
长按事件在移动端怎么实现才靠谱？
我在做一个移动端的图片预览功能，想实现长按图片弹出保存菜单，但试了 touchstart + setTimeout 的方式，总感觉不太稳定，有时候会和滚动冲突，有时候又触发不了。 我给图片加了点基础样...
-
1
回答
41浏览
分片上传时如何正确显示上传进度条？
我在做文件分片上传，每个分片用 axios 发送，但进度条总是跳变不平滑，不知道该怎么合并各分片的进度来更新整体进度？ 试过在每个请求的 onUploadProgress 里累加 progress，但...
-
2
回答
45浏览
弹窗编辑表单数据不更新怎么办？
我在用 Vue 做一个用户列表，点击编辑会弹出模态框，里面是表单。但每次点编辑，输入框里的值还是旧的，明明我传了新数据进去。 试过用 v-model 绑定，也用了 watch 监听 props 变化去...
-
1
回答
37浏览
Leaflet 地图点击事件怎么只在地图区域触发？
我在用 Leaflet 做一个地图应用，想监听地图的点击事件，但发现只要点到整个容器（包括控件、缩放按钮这些地方）都会触发。我只想在真正地图瓦片区域点击时才执行回调，该怎么处理？ 试过直接用 map....
-
2
回答
57浏览
Notification通知在移动端为啥不弹出？
我在做移动端网页，调用 Notification API 时明明用户点了允许，但通知就是不弹出来，本地测试 Chrome 桌面版没问题，一到手机上就失效。 试过加了 secure context 判断...
-
2
回答
41浏览
导出CSV时中文乱码怎么办？
我在用前端导出表格数据为CSV文件，英文和数字都没问题，但一有中文就变成乱码了。我试过用encodeURI包裹内容，也加了BOM头，但下载的文件在Excel里打开还是显示一堆问号或者乱码字符。 这是我...
-
1
回答
47浏览
搜索建议下拉框怎么固定宽度不被内容撑开？
我在做搜索框的自动补全功能，下拉建议列表用了绝对定位，但发现每个建议项的文字长度不一样，导致整个下拉框宽度会跟着最长的那项变宽，体验很奇怪。我试过给 ul 设固定 width，但又怕在小屏上溢出。 这...
-
1
回答
31浏览
如何实现通知提示按队列依次显示而不是同时弹出？
我在用 React 做一个通知系统，希望每次只显示一个提示，等当前通知关闭后再显示下一个。但现在一连触发多个操作，所有通知会同时弹出来，体验很乱。 我试过用 useState 存一个队列，然后在 us...
-
2
回答
28浏览
Web Audio API 播放音频时为什么没声音？
我在 React 里用 Web Audio API 加载并播放一个本地音频文件，控制台也没报错，但就是听不到声音，到底哪里出问题了？ 我试过检查 audioContext 的状态是不是 suspend...
