交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
60浏览
ProseMirror表格合并单元格后，如何让相邻单元格保持边框一致？
最近在用ProseMirror实现带边框的表格功能，但发现当调用mergeCell合并单元格后，相邻未合并的单元格边框会断开，看起来像被“吃掉”了一样。我试过在CSS里给td加border-colla...
-
2
回答
65浏览
Dash.js在React中监听缓冲事件不触发怎么办？
我用Dash.js在React里做视频播放，想监听缓冲开始事件来显示加载提示。按照文档写了事件绑定，但控制台一直没输出，是哪里漏了吗？ import React, { useRef, useEffec...
-
2
回答
66浏览
移动端捏合缩放手势缩放比例计算不准怎么办？
我在给图片查看器加捏合缩放功能时遇到了问题，用两个手指缩放时比例总是忽大忽小，有时候还会突然跳到奇怪的位置。 尝试用touchstart记录初始触点距离，touchmove计算当前距离差值，然后用tr...
-
2
回答
51浏览
为什么热门搜索标签在移动端显示时会挤在一起并换行？
我在做一个热门搜索栏，用Flex布局排布标签，设置了 nowrap，但移动端显示时标签还是会挤在一起换行，看起来很难看。试过调整 min-width 和 flex-shrink，但没用。代码大概是这样...
-
2
回答
80浏览
表单搜索栏输入框和按钮在移动端怎么总对不齐？
我在做一个带搜索按钮的输入框组件，用flex布局排版。电脑端显示正常，但手机上看按钮总会跑到下一行，即使输入框宽度设为70%按钮30%。试过给容器加了overflow:hidden和调整padding...
-
2
回答
80浏览
列表筛选后滚动位置重置，怎么保持之前的位置？
在做商品列表筛选功能时，每次切换分类后列表会回到顶部。虽然用remember-scrolled属性试过，但滚动位置还是重置了。用scrollTop手动记录也没成功，代码该怎么改？ 我用Vue写了一个商...
-
2
回答
92浏览
可视化编辑器中如何阻止Ctrl+C/V默认行为同时触发自定义复制操作？
我在开发可视化编辑器时，想用Ctrl+C/V实现元素复制粘贴，但浏览器默认的复制粘贴总是优先触发。我尝试过在keydown事件里加preventDefault，但有时候无效： document.add...
-
2
回答
50浏览
AlloyFinger手势识别在移动端滑动时偶尔失效，该怎么排查？
在移动端用AlloyFinger实现列表左右滑动切换tab时，偶尔会出现滑动无响应的情况。已经按文档设置了threshold: 20和interval: 15，但滑动距离明显超过阈值还是没触发事件。 ...
-
2
回答
69浏览
使用Velocity.js时隐藏元素后动画无法触发怎么办？
大家好，我在用Velocity.js给隐藏的DOM元素做动画时遇到了问题。我先用display:none隐藏了元素，然后调用.animate()方法，结果动画完全没反应... 我试过把display改...
-
2
回答
64浏览
富文本编辑器的撤销记录总是占内存，怎么优化？
在开发富文本编辑器时，用数组存每次修改的快照，但发现撤销多次后内存飙升。 试过只存最近20步，但用户频繁修改时还是卡顿。比如选中段落改颜色，每次操作都深拷贝整个DOM结构，这样会不会太笨重？有没有更轻...
-
2
回答
90浏览
ProseMirror在Vue组件中初始化时内容不显示怎么办？
我在Vue组件里用ProseMirror写富文本编辑器，初始化的时候传了content属性但内容始终不显示出来，这是为什么呢？ 代码是这样写的： import { EditorState, Edito...
-
2
回答
81浏览
Shaka Player动态切换ABR策略后没生效怎么办？
我在用Shaka Player播放自适应码率视频时，想动态切换ABR策略从"balanced"到"aggressive"。按照文档调用了player.configure('abr', { defaul...
-
2
回答
59浏览
Vue异步请求时Spinner不显示，怎么排查原因？
大家好，我在用Vue做数据加载时遇到了问题。点击按钮后要显示Spinner，等API返回再隐藏，但实际点击后Spinner根本没出现，请求结束后也没有自动隐藏…… 我按教程写了组件结构，用v-if绑定...
-
2
回答
97浏览
WangEditor上传图片后无法显示，是什么原因？
在用WangEditor做图片上传功能时遇到了问题，上传成功但图片不显示。按照文档配置了uploadImgServer和customInsertFn，但上传后的图片在编辑器里只显示叉号。 我尝试过检查...
-
2
回答
68浏览
ECharts动态更新地图标记点后缩放和中心位置重置了怎么办？
用ECharts做中国地图可视化时遇到个怪问题，当我通过setData实时更新标记点坐标后，地图会自动跳转回初始视角，缩放和中心位置全没了，该怎么保持之前的视图状态啊？ 我试过这样写代码：<pr...
-
2
回答
54浏览
通知提示排队显示时如何保证队列顺序不混乱？
最近在做消息提示功能，需要实现多个通知排队显示的效果。现在的问题是当快速连续触发多个通知时，虽然队列能正确存入，但前一个通知还没完全消失，下一个就提前显示了，导致视觉上重叠。 我尝试用setTimeo...
-
2
回答
78浏览
Alt键在macOS下触发事件时为何被浏览器拦截？
我正在给导航菜单添加键盘交互，用Alt键+方向键展开子菜单。但发现macOS的Chrome里Alt键完全没反应，换成Ctrl键就正常了，这是为啥？ 我试过在事件监听器里用event.preventDe...
-
2
回答
49浏览
React中Fuse.js搜索为什么总是返回空数组？
在做一个带搜索功能的React组件时，用Fuse.js处理模糊搜索，但输入内容后结果一直是空数组... 代码是这样写的，初始化了Fuse实例，数据格式也检查过了没问题： import Fuse fro...
-
2
回答
71浏览
吸顶导航滚动时位置跳动怎么解决？
最近在做吸顶导航效果，给元素加了fixed定位后，滚动时位置总是跳动，看起来特别卡。我用window.addEventListener('scroll', () => { ... })监听滚动，...
-
2
回答
77浏览
用Vue3和vuedraggable拖拽后元素位置错乱怎么办
最近在用Vue3和vuedraggable做列表拖拽排序，但发现拖拽后元素位置总是显示错乱 比如拖拽第3项到第1位后，视图里显示顺序对了，但实际数据里的selectedItems数组顺序还是原来的 我...
