交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
32浏览
Tab键导航时焦点顺序不对怎么办？
我做了一个表单，但用Tab键切换输入框的时候，焦点跳来跳去完全不是按页面顺序走的，特别奇怪。 明明HTML是按从上到下的顺序写的，但Tab的时候先跳到最后一个输入框，再跳回中间那个。我试过加tabin...
-
1
回答
26浏览
地图轨迹回放时如何让车辆图标始终朝向行进方向？
我在用高德地图 JS API 做轨迹回放功能，现在能正常移动 marker，但车辆图标一直是固定朝上的，看起来很不真实。我尝试根据前后两个坐标点计算角度，然后通过 setRotation 设置旋转，但...
-
1
回答
26浏览
Yup 表单验证中如何动态设置必填字段？
我在用 React Hook Form 配合 Yup 做表单验证，现在有个需求：当用户勾选“需要发票”时，发票抬头字段才变成必填。但我发现即使 Yup 的 schema 动态变了，表单也不会重新校验这...
-
1
回答
42浏览
为什么我的表单提交后无法正确执行CRUD中的更新操作？
我在做一个简单的用户信息管理页面，新增和删除都能正常工作，但点击“编辑”后提交表单，数据根本没更新到列表里。我试过在 update 函数里加 console.log，发现传入的 id 是对的，但 st...
-
2
回答
53浏览
React中怎么在移动端实现点击按钮的触觉反馈？
我在做移动端的 React 应用，想给按钮加个触觉反馈（比如 iPhone 的轻微震动），但试了几次都没成功。查资料说可以用 navigator.vibrate，但不确定是不是所有手机都支持，而且在 ...
-
2
回答
33浏览
如何实现文件上传时的百分比加载状态？
我在用 XMLHttpRequest 上传文件，想实时显示上传进度的百分比，但不确定怎么监听进度事件。 试过在 onprogress 里计算 (loaded / total) * 100，但有时候 t...
-
2
回答
48浏览
移动端弹窗打开后背景还能滚动怎么办？
我在做移动端页面，弹出一个 fixed 定位的 modal 时，发现背后的页面还能上下滚动，体验很不好。试过给 body 加 overflow: hidden，但 iOS 上完全没用，还是能滑动，这咋...
-
1
回答
25浏览
ElasticSearch 搜索结果高亮怎么不生效？
我在用 ElasticSearch 做商品搜索，加了 highlight 配置但返回结果里没有高亮字段。请求体里明明写了 "highlight": { "fields": { "title": {} ...
-
2
回答
47浏览
为什么HLS直播流在Safari能播，Chrome却黑屏？
我在用 video.js 播 HLS 直播流，Safari 正常播放，但 Chrome 打开就黑屏没画面，控制台也没报错，这到底啥情况？ 查了下说是 Chrome 不原生支持 HLS，得靠 Media...
-
1
回答
61浏览
ProseMirror 中如何自定义选中状态的样式？
我在用 ProseMirror 做一个富文本编辑器，想改一下节点被选中时的高亮背景色，但默认的蓝色太刺眼了。查了文档说可以通过 CSS 覆盖，但我试了没生效，是不是我写错了？ 我加了这段样式： .Pr...
-
2
回答
60浏览
Pusher连接成功但收不到频道消息是怎么回事？
我用Pusher在前端监听一个私有频道，控制台显示连接成功了（状态是connected），也订阅上了频道，但就是收不到后端发来的事件。我已经确认后端确实触发了事件，而且App Key、Cluster这...
-
2
回答
29浏览
React 中如何正确监听双击事件？
我在 React 组件里想给一个 div 加双击事件，但 onDoubleClick 好像没反应，是我写错了吗？ 试过直接绑定 onDoubleClick，也试过用 useRef 手动 addEven...
-
1
回答
35浏览
分类搜索下拉框怎么实现联动效果？
我在做商品搜索页，想让用户先选分类再动态加载该分类下的品牌，但两个下拉框联动老是出问题。 我试过用 onChange 监听分类选择，然后发请求更新品牌列表，但页面会整个刷新，而且新选项没渲染出来。是不...
-
2
回答
41浏览
SignalR连接后收不到服务器推送的消息怎么办？
我在Vue项目里集成SignalR，连接能成功建立，但服务器发消息时前端完全没反应，控制台也没报错。是不是监听方法写错了？ 我用的是@microsoft/signalr包，连接代码如下： <sc...
-
2
回答
42浏览
无限滚动加载时怎么避免重复请求？
我在做商品列表的无限滚动，每次滚动到底部就触发加载下一页，但有时候用户滚太快，会连续发好几次请求，导致数据重复或者接口压力大，咋办？ 我试过用一个 loading 状态锁住，但好像还是会有问题，比如：...
-
1
回答
48浏览
为什么在 Vue 里监听键盘事件时 keyCode 不生效？
我最近在用 Vue 做一个快捷键功能，想通过 keyCode 判断按的是哪个键，但发现它一直是 undefined。明明以前这么写是没问题的，是不是现在浏览器不支持了？ 我试过在 @keydown 里...
-
2
回答
23浏览
FormData上传文件时后端收不到file字段怎么办？
我用FormData上传图片，前端明明append了file，但后端PHP一直拿不到$_FILES里的数据，试了好多次都不行。 我检查了请求头Content-Type是multipart/form-d...
-
2
回答
22浏览
Alt键在Mac和Windows上监听行为不一致怎么办？
我在做快捷键功能时发现，用keydown监听Alt键（也就是Mac上的Option键）时，Windows下能正常触发，但在Mac上有时候根本收不到事件。我试过监听e.altKey，也试过直接判断e.k...
-
2
回答
48浏览
断点续传时如何准确记录和恢复文件上传进度？
我正在用 axios 做大文件分片上传，前端按 5MB 切片，后端也支持合并。但用户刷新页面后，怎么知道哪些分片已经传成功了？我试过把已上传的分片索引存到 localStorage，但有时候网络波动导...
-
2
回答
49浏览
表单重置后为什么输入框没清空？
我写了个带默认值的表单，点击重置按钮后发现输入框内容没变，还是原来的值，不是应该清空吗？ 我试过用 <input type="reset">，也试过手动调用 form.reset()，但都...
