交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
40浏览
Sortable.js在Vue中拖拽后数据不更新怎么办？
我在用Sortable.js做列表拖拽排序，视图能动但data里的数组没变，这咋整？试过@change事件但好像没触发。 这是我的代码： <template> <div ref="l...
-
2
回答
35浏览
Google Maps在React中加载后地图不显示怎么办？
我在React项目里用@react-google-maps/api加载Google地图，页面能渲染但地图区域是空白的，控制台也没报错。我确认API密钥没问题，也设置了宽高，但就是出不来。 试过给容器加...
-
2
回答
347浏览
图片裁剪上传后样式错乱是怎么回事？
我在做一个头像上传功能，用的是 cropper.js 裁剪图片，本地预览没问题，但上传到服务器再显示出来，宽高比例就全乱了。我检查了裁剪后的 canvas 导出逻辑，也确认了保存的是裁剪区域的数据，但...
-
1
回答
22浏览
拖拽元素时辅助线怎么精准对齐？
我在做一个可视化拖拽编辑器，元素拖动时想显示辅助线来对齐其他元素，但总是对不齐，偏差几个像素。试过用 getBoundingClientRect() 获取位置，但辅助线位置还是飘忽不定。 这是我现在计...
-
2
回答
69浏览
表单联动时下拉框值变了但页面没更新怎么办？
我在做省市区三级联动，选了省份后市的下拉框数据明明已经通过接口拿到了，也用 setState 更新了，但页面上还是显示旧的选项，甚至有时候直接变空了。 我试过在回调里加 console.log，数据确...
-
1
回答
24浏览
富文本编辑器里怎么合并表格单元格？
我用的是 Quill.js 做富文本编辑，现在需要支持表格的单元格合并功能，但官方好像没提供这个 API。 试过直接操作 DOM，比如给 <td> 加 colspan，但一输入内容就还原了...
-
2
回答
26浏览
批量操作时如何正确管理选中状态？
我在做列表的批量删除功能，但选中状态总是同步不上，点全选后有些项没反应。 我用的是React的useState来存选中的ID数组，但更新的时候好像有状态滞后的问题。比如下面这段代码： const [s...
-
2
回答
59浏览
图片上传后裁剪区域不随缩放同步，怎么解决？
我用 cropperjs 做头像上传裁剪，图片加载后设置宽高为 100%，但容器大小变化时裁剪框位置就错乱了。明明调用了 cropper.resize()，可选区还是偏移，是不是漏了什么配置？ 这是我...
-
1
回答
19浏览
Snackbar 为什么点关闭没反应？
我用原生 JS 写了个 Snackbar，点击关闭按钮根本没反应，DOM 都在页面上。 试过给按钮加 addEventListener，也试过事件委托，但点击后既不消失也不报错，控制台干干净净…… 这...
-
2
回答
36浏览
缓动函数怎么让动画更自然？
我用CSS写了个简单的hover动画，但感觉太生硬了，想加个缓动效果让它顺滑点。 试过transition-timing-function: ease-in-out，但还是不够理想，是不是得用贝塞尔曲...
-
1
回答
40浏览
前端导出CSV时中文乱码怎么办？
我在用 JavaScript 做 CSV 导出功能，数据里有中文，但下载后用 Excel 打开全是乱码。试过加 BOM 头，但好像没生效？ 目前是这样生成的： const csvContent = "...
-
1
回答
26浏览
FormData 上传文件后端收不到，哪里出问题了？
我用 FormData 上传文件，但后端一直拿不到 file 字段，试了好几次都这样，是不是我写法有问题？ 前端代码是这么写的： <input type="file" id="fileInput...
-
2
回答
38浏览
S3直传时签名URL过期了怎么办？
我用预签名URL上传文件到S3，但用户上传大文件时经常提示“SignatureDoesNotMatch”或403错误，估计是URL过期了。试过把过期时间设成1小时，但还是不够用。 有没有办法在前端检测...
-
1
回答
48浏览
拖拽看板时元素位置错乱怎么办？
我在用原生 JS 实现一个看板拖拽功能，但每次拖动卡片后，它总是跑到奇怪的位置，根本不是鼠标放下的地方。我试过用 event.clientX 和 event.clientY 设置位置，但好像没考虑滚动...
-
2
回答
53浏览
keypress 事件为什么监听不到方向键？
我在写一个用键盘控制的小游戏，想用 keypress 事件监听方向键（上下左右），但发现根本没反应。查了下文档说 keypress 只对能产生字符的按键有效，那方向键这种功能键该怎么监听才对？ 我试过...
-
1
回答
48浏览
TweenMax 动画结束后元素位置怎么恢复原状？
我用 TweenMax 给一个按钮加了个点击缩放动画，但动画播完后元素就停在缩放后的状态了。我想让它动画结束自动回到原始大小，试过加 clearProps: "transform" 但好像没用？ 这是...
-
2
回答
35浏览
Better Scroll滚动区域高度不生效是怎么回事？
我在用 Better Scroll 做一个下拉列表，明明设置了容器高度，但内容还是撑开了整个页面，根本没法滚动。试过给 wrapper 加 overflow: hidden 也没用。 这是我的 CSS...
-
1
回答
26浏览
TweenMax 动画结束后元素位置怎么回弹了？
我用 TweenMax 给一个 div 做了位移动画，从 left: 0 移动到 left: 200px，动画完成后却发现元素又跳回原来的位置了。明明没写 reverse 或者其他重置逻辑啊？ 我试过...
-
1
回答
53浏览
Vue里用Element Plus的警告提示为啥不显示？
我在用Element Plus做表单验证，想在输入不合法时弹个警告提示，但调用ElMessage.warning()完全没反应，控制台也没报错，这是啥情况？ 我确认已经全局引入了Element Plu...
-
1
回答
34浏览
表单提交后怎么防止用户重复点击提交按钮？
我做了一个用户注册的表单，提交时用的是 fetch 发请求。但发现如果用户手快连点几次“注册”按钮，就会发好几次请求，后端收到了重复数据。我已经试过在点击后给按钮加 disabled，但有时候网络慢，...
