交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
58浏览
属性面板在拖拽时为什么会跟着滚动条移动？
我在做可视化编辑器的属性面板时遇到个怪问题，当页面有垂直滚动条时，属性面板用了position: fixed，但拖拽组件时面板会跟着滚动条移动，这明明是fixed定位啊。 我尝试过这样写样式： .pa...
-
2
回答
71浏览
Vue地图POI搜索时标记点无法实时更新怎么办？
大家好，我在用高德地图API做POI搜索功能时遇到个问题，搜索框输入内容后，地图上的标记点没有实时更新，虽然控制台没报错但就是不显示新结果。 我按照文档写了个Vue组件，搜索按钮点击没问题，但直接输入...
-
2
回答
157浏览
搜索历史清除按钮点击后数据没更新怎么办？
在做搜索框的历史记录功能时，我给清除按钮绑定了点击事件，但点击后页面上的历史列表没变化。虽然控制台没报错，但localStorage里的数据也没被删掉。我尝试过用localStorage.remove...
-
1
回答
172浏览
Final Form提交后表单值还是旧数据怎么办？
用Final Form做登录表单时遇到个怪问题，提交后表单值还是显示上一次输入的内容，怎么都清不掉... 我的代码是这样写的： import { Form, Field } from 'final-f...
-
2
回答
172浏览
多文件上传时如何限制单个文件大小？
在做项目时遇到个问题，用户上传多个文件时，怎么限制每个文件不能超过5MB？我试过给input加accept属性和multiple，但好像对文件大小没用。 我的代码是这样的： 然后用JS处理： func...
-
2
回答
76浏览
Markdown编辑器中代码块样式被主题CSS覆盖怎么办？
我在开发Markdown编辑器时遇到了样式冲突问题，切换主题后代码块的背景色和边框总是被主题CSS覆盖。试过给代码块类加!important都没用。 比如我写了这样的CSS： .code-block ...
-
2
回答
349浏览
拖拽上传时文件被多次提交怎么办？
在做文件拖拽上传功能时，发现每次拖拽文件到区域后，文件会被多次提交到后端，控制台显示重复的POST请求，但手动点击上传按钮没问题。 尝试过在dragover事件里用了e.preventDefault(...
-
2
回答
34浏览
热门搜索词点击后怎么让当前项立刻置顶而不重复？
在做搜索框热门推荐时，用户点击某个词后想让它立刻跳到列表最前面，但用数组splice和unshift操作后，发现点击同一个词会重复添加，导致列表出现多个相同的条目。尝试过先过滤再插入，但动画过渡时会出...
-
1
回答
47浏览
百度地图API路径规划回调返回成功但路线不显示怎么办？
在用百度地图API做路径规划时，调用direction.search后回调里提示success，但地图上就是不显示路线。我检查了起点终点坐标没问题，覆盖物数组也清空了。 这是我的核心代码： const...
-
1
回答
45浏览
ScrollTrigger在React中滚动到锚点时延迟明显怎么办？
在React项目里用gsap的ScrollTrigger实现点击跳转锚点，但滚动总是有0.5秒左右的延迟。明明配置了marker能看到标记位置，滚动动画也正常，就是触发时卡一下... 代码是这样的： ...
-
2
回答
30浏览
为什么同时按住Ctrl/Cmd和Delete键时检测不到组合键？
我在开发文本编辑器时想用Ctrl/Cmd+Delete实现删除段落的功能，但发现检测不到组合键按下： document.addEventListener('keydown', (e) => { ...
-
2
回答
48浏览
为什么锚点定位后页面总是偏移固定导航栏的高度？
我在做单页滚动时用了锚点跳转，但每次点击导航链接后，内容区域总会被固定在导航栏下方几像素的位置，导致文字被遮挡。已经试过给锚点元素加padding-top和margin-top，但滚动位置反而更乱了。...
-
2
回答
27浏览
高德地图地理编码返回空结果怎么解决？
在用Vue集成高德地图API做地址转坐标时，调用geocode方法总是返回空结果，页面完全没报错。 代码是这样写的： <template> <div ref="mapContaine...
-
1
回答
44浏览
输入框错误提示怎么自动隐藏不起来？
我给表单加了实时验证，但输入正确后错误提示就是不消失，这是怎么回事啊？ 比如这个邮箱输入框，当我输入错误格式后提示会显示，但改成正确格式时提示还是卡在那里： 请输入正确邮箱格式 我用的是blur事件监...
-
2
回答
79浏览
为什么我的悬浮效果在子元素上失效了？
我最近在做一个导航栏的hover效果，当鼠标悬停在父元素上时，子菜单会从左边滑出。但发现当鼠标移动到子菜单区域时，效果会突然消失。我试过给父元素加:hover，子元素用transition，但问题依旧...
-
2
回答
46浏览
OSS上传时文件名里的空格被转成%20怎么办？
在用阿里云OSS上传文件时，发现文件名中的空格被自动转成%20了，但需求要求保留原名。尝试过设置encodeURIComponent为false和手动替换空格，都没效果。还有个上传按钮的样式没生效，C...
-
2
回答
40浏览
大文件分片上传时断网导致分片丢失怎么处理？
在实现大文件上传时，用分片+断点续传的方法，但用户上传超过1GB视频时突然断网，发现有的分片丢失了，搞不懂哪里出错了。 尝试用resumable.js实现，设置分片大小5MB，但后端返回错误说"分片0...
-
1
回答
24浏览
鼠标框选时矩形区域出现断层怎么办？
大家好，我在用canvas做鼠标框选功能时遇到个怪问题。当快速拖动鼠标画选区时，矩形边框会出现断断续续的缺口，特别是拖动速度越快断层越多，这是为什么呢？ 我尝试用rect方法画矩形，监听mousedo...
-
2
回答
61浏览
画布拖拽元素时定位偏移，缩放后坐标计算不准确怎么办？
我在做可视化编辑器的画布拖拽功能时遇到了问题，当用户拖动元素到画布上时，元素的位置总和鼠标指针有偏差。更麻烦的是，如果画布有缩放或滚动条，偏差会变得更严重。 我尝试用event.clientX减去画布...
-
2
回答
57浏览
画笔工具在鼠标快速拖动时线条断断续续怎么办？
我正在用canvas做画笔工具，当鼠标快速拖动时线条会出现明显的断点，看起来特别不连贯。我用了mousedown记录起点，然后mousemove实时绘制线条，但测试发现： 尝试过在mousemove里...
