交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
39浏览
用requestAnimationFrame实现的滚动动画为什么偶尔会卡顿？
在做页面导航平滑滚动时，我用requestAnimationFrame写了个滚动函数，但偶尔会出现动画卡顿的情况，特别是在低端设备上。代码逻辑是这样的： function smoothScroll(t...
-
2
回答
46浏览
3D地图倾斜后模型位置偏移该怎么解决？
我在用Three.js和Mapbox结合做3D地图时，设置了地图倾斜（pitch），但模型的位置完全偏移了，看起来像是没跟着地形走。尝试过调整模型的z坐标和投影矩阵，控制台还报错"坐标转换超出范围"，...
-
2
回答
54浏览
为什么我的keydown事件在输入框按下回车时无法触发？
大家好，我正在做一个搜索框，想用回车键触发搜索，但发现按下回车时事件完全没反应。代码写的是这样的： <input type="text" id="searchBox...
-
2
回答
41浏览
图片懒加载时，如何让加载状态延迟显示更自然？
我在给图片列表加懒加载功能时遇到了问题，用loading="lazy"加上loading属性后，加载中的骨架屏总是在图片出现前0.5秒就消失了，看起来很突兀。我试过给骨架屏加固定延迟： documen...
-
1
回答
67浏览
React内联编辑失去焦点后状态不同步怎么办？
在实现表格单元格的内联编辑时遇到问题：双击单元格进入编辑状态后，输入内容时状态能正常更新，但当输入框失去焦点时，显示的文本又变回原始值了，状态好像没保存下来。 尝试过用useState保存临时值，输入...
-
2
回答
45浏览
Markdown编辑器上传图片后路径显示404怎么办？
在用Quill.js实现Markdown编辑器时，用户上传图片用FileSaver保存为base64格式，但渲染后图片路径显示404错误。明明保存成功了啊，控制台提示GET blob:null/xxx...
-
2
回答
32浏览
Three.js三维柱状图坐标轴显示错位怎么办？数据点不对应
在用Three.js做三维柱状图时，发现X/Y轴标签的位置明显偏移，柱子和坐标轴的刻度对不齐。我按教程设置了AxesHelper，但实际渲染出来的坐标轴总是比柱状图缩进了一大段。 尝试过调整相机位置和...
-
2
回答
40浏览
React中实现滚动回弹时如何让回弹动画更自然流畅？
最近在做移动端列表滚动时遇到了回弹效果卡顿的问题。我用了CSS的overscroll-behavior: contain，但回弹动画总觉得生硬，没有原生那种流畅的减速感。尝试用React的useSta...
-
2
回答
68浏览
为什么点击按钮后音效无法连续播放？
我在按钮点击事件里用JavaScript播放音效，但发现快速点击时音效会卡住。比如这段代码： const audio = new Audio('/sound/click.mp3')...
-
2
回答
27浏览
为什么移动端使用MediaElement时视频无法自动播放？
我用MediaElement.js封装了视频播放器，设置autoplay和muted属性后，在PC端能自动播放，但移动端始终不行。iOS上还报错"Not allowed to start playba...
-
2
回答
72浏览
轨迹回放时地图标记频繁闪烁如何优化？
在用Leaflet做轨迹回放时，每隔500ms更新标记位置，但地图总是卡顿闪烁，调整时间间隔也没用，这是怎么回事？ 我按以下方式实现的：setInterval循环遍历坐标数组，每次创建新标记并删除旧标...
-
2
回答
93浏览
地图POI搜索后标记不显示是怎么回事
最近在做地图应用的POI搜索功能，用的是高德地图API。按文档写完搜索接口后，虽然能拿到数据，但根据坐标生成的标记就是不显示在地图上。折腾了一下午，控制台也没报错... 我先调用AMap.placeS...
-
2
回答
52浏览
Visx条形图轴标签过长导致重叠怎么处理？
用Visx做条形图时，X轴的类别标签太长会挤在一起，尝试用tickFormat截断文字但报错说'tickFormat'不存在，改用CSS设置white-space: nowrap反而完全隐藏了标签，有...
-
2
回答
51浏览
Dash.js播放HLS视频时，视频封面无法居中显示怎么办？
用Dash.js播放HLS视频时，我给视频加了个封面图，但无论怎么调整CSS都无法让封面在不同分辨率下居中显示。我尝试过绝对定位配合transform，但加载视频时封面会突然跳到左上角。 这是我的CS...
-
2
回答
97浏览
为什么keypress事件无法捕获输入的字符？
在给输入框做实时验证时发现，用keypress事件监听输入，event.charCode返回的值总不正确，比如输入字母a会得到97，但转成字符串却变成undefined... 尝试过这样写： inpu...
-
2
回答
68浏览
为什么我的Victory Bar图表在Vue中显示不出来？
我用Victory Bar做柱状图时，数据能正确打印在控制台，但页面上就是不显示图形，这是什么问题啊？ 我已经按照文档引入组件了，数据格式也检查过没问题，连坐标轴都显示，就是柱子看不见。试过调整宽度高...
-
2
回答
49浏览
搜索栏和过滤器同时触发时如何避免重复请求？
我现在在做一个电商产品页面，用户可以通过搜索框输入关键词，同时用下拉框选择分类进行过滤。但发现当用户同时修改搜索词和分类时，会连续发送多次请求。比如先改分类再改搜索词，间隔0.5秒内就会触发两次请求，...
-
2
回答
85浏览
移动端图片缩放时页面还在滚动，怎么处理手势冲突？
在开发移动端图片缩放功能时遇到个怪问题，用户双指缩放图片的时候，页面本身还在跟着滚动，导致体验特别差。 我用transform: scale()实现缩放，监听了touchstart和touchmove...
-
2
回答
82浏览
浏览器通知在新标签页打开后就失效了怎么办？
我在用Notification API做消息提醒时遇到个怪问题，当用户点击通知跳转到新标签页后，后续的通知就完全收不到了。之前按MDN文档写了基础权限请求和显示代码，测试时发现只要打开新标签页，后续调...
-
1
回答
56浏览
React中使用dragula拖拽到新容器后数据不同步怎么办？
我在用dragula实现两个列表之间的拖拽功能，但把元素拖到另一个容器后，状态里的数据没跟着更新，卡了好久 代码是这样的： import { dragula } from 'dragula&...
