交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
16浏览
Cesium加载3D模型后如何让模型始终面向屏幕？
我在用Cesium加载glTF模型时发现，模型会随着视角旋转而转动，导致始终侧面对着屏幕。比如放个路牌模型，怎么调整都能让它的正面永远朝向用户视角呢？ 尝试过在Entity里设置orientation...
-
2
回答
55浏览
富文本编辑器实时预览样式不同步怎么解决？
用Quill和Vue做可视化编辑器时，实时预览区的样式总比编辑区慢半拍，比如刚改了字体颜色，预览区还是旧样式，卡住好几天了。 尝试过用quill.on('text-change')实时同步内容，但内联...
-
2
回答
60浏览
为什么用FormData上传文件时，服务器接收不到文件数据？
我在做一个图片上传功能，用FormData封装文件数据后发送POST请求，但后端一直提示没有接收到文件。我检查过代码好多遍，表单和文件输入都没问题，这是哪里出错了？ 这是我的HTML表单： <f...
-
2
回答
71浏览
鼠标侧键（如滚轮键）的点击事件在网页中无法触发怎么办？
我在开发一个画图工具时想用鼠标侧键切换工具模式，但监听mousedown事件时侧键点击没反应。尝试过检查event.button值，发现侧键对应的是1，但代码里写if (e.button === 1)...
-
2
回答
324浏览
可视化编辑器预览模式滚动条不同步怎么解决？
最近在做可视化表单编辑器时遇到个难题，预览模式和编辑模式的滚动条位置总对不上。我用的是React，通过useState同步两个区域的scrollTop值，但发现滚动条高度计算不准，有时候会出现偏移。 ...
-
1
回答
42浏览
点击按钮后提示信息显示但无法隐藏怎么办？
我在做一个表单验证功能，点击提交按钮时想用显示提示信息，但实际点击后提示虽然出现了却无法自动隐藏。试过用setTimeout设置延迟隐藏，但发现页面刷新导致效果失效。用的是Vue，代码逻辑是这样的： ...
-
2
回答
96浏览
Three.js渲染3D柱状图时旋转卡顿怎么办？
最近在用Three.js做3D柱状图，当数据量超过500个柱子后，鼠标旋转视角时特别卡顿。我尝试过把材质改成BasicMaterial，合并所有柱子的几何体，但帧率还是掉到20多，控制台还偶尔报GL_...
-
2
回答
25浏览
辅助线在拖拽元素时位置偏移怎么办？
在做可视化编辑器时给元素添加辅助线，发现拖拽到容器边缘时辅助线会突然偏移2px。用getBoundingClientRect算位置，尝试过调整父容器padding和transform: transla...
-
2
回答
151浏览
React动态表单嵌套对象更新时其他字段莫名消失怎么办？
我在用React做动态表单时遇到个怪问题，当表单数据是嵌套对象数组结构，修改某个字段后其他字段的值会突然清空... 比如这样一段代码，当修改第二个嵌套对象的price时，对应的name字段就没了，已经...
-
1
回答
31浏览
React上传组件进度条卡在0%不动怎么办？
最近在做一个文件上传功能，想给用户实时显示上传进度。按照教程用了axios的上传进度事件，但进度条一直卡在0%不动，上传完成后也没显示100%。尝试过在useEffect里加依赖数组，也检查过文件对象...
-
2
回答
74浏览
拖拽排序时元素位置偏移，如何让目标位置准确对齐？
在用HTML5原生拖拽API实现列表排序时，发现拖动元素的位置总是比实际目标位置偏下约20px。尝试过调整CSS的margin和padding，以及修改getBoundingClientRect()的...
-
2
回答
45浏览
Vue中辅助线跟随元素时位置偏移怎么解决？
在做可视化编辑器时，给元素添加辅助线提示，但拖拽元素时辅助线总是比元素实际位置偏移5像素，尝试过计算offsetParent和getBoundingClientRect都不对 <template...
-
2
回答
42浏览
拖拽组件时父容器尺寸突然变大，怎么排查？
我在用Vue做可视化编辑器时遇到怪事，当拖拽组件到flex布局的父容器里，父容器宽度会突然比子元素多出20px左右。我设置了.container { display: flex; padding: 0...
-
2
回答
29浏览
拖拽元素时如何避免位置偏移和元素重叠？
我在用HTML5拖拽功能实现组件拖拽布局时，发现拖动元素会突然跳到屏幕左上角，或者和其他元素重叠覆盖。已经给元素加了position: absolute和draggable="true"，在drago...
-
1
回答
110浏览
七牛云文件上传返回403错误，如何排查和解决？
在用七牛云的表单上传功能时，前端提交后总是返回403 Forbidden错误。已经确认AK/SK有效，域名白名单也添加了测试环境IP，但问题依旧。 代码是按照官方文档写的，表单结构如下： <fo...
-
1
回答
35浏览
为什么我的React组件中AOS动画初始化后完全没反应？
我在React项目里按照文档引入了aos库，初始化也写了，但元素就是没动画效果。检查了npm包安装没问题，也试过手动调用AOS.init()，还是没反应... 这是我的代码片段： import AOS...
-
1
回答
49浏览
左滑删除时元素抖动怎么解决？
我在做移动端列表左滑删除功能时，滑动到一半手指松开，元素会突然抖动一下，这是什么问题啊？ 用的是transform平移实现滑动，CSS写了这样的过渡： .item { transition: tran...
-
1
回答
51浏览
Cesium加载GLTF模型时显示加载失败怎么办？
在Cesium中用Entity.addModel()加载本地GLTF模型时，总提示“加载失败”，但文件路径明明没问题。我按官方文档配置了modelMatrix和scale参数，控制台还报404错误，该...
-
1
回答
31浏览
React画布画笔工具拖动时路径断断续续怎么办？
我在用React做画板功能，鼠标拖动时画笔路径总是出现断点，看起来很不连贯。代码逻辑是这样的： const [points, setPoints] = useState([]); const [isD...
-
2
回答
29浏览
百度地图覆盖物点击事件不触发怎么办？
我在用百度地图API给标记点绑定点击事件，但点击覆盖物完全没反应。初始化地图和添加marker的代码都正常，控制台也没报错，就是事件监听没生效。试过把事件写在创建marker后立即绑定，也确认了回调函...
