交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
1
回答
28浏览
IScroll 初始化后无法滚动，是哪里配置错了？
我用 IScroll 做了一个简单的下拉列表，但初始化之后完全不能滚动，手指滑动没反应。容器高度是固定的，内容也明显超出了容器。 我试过加 scrollY: true 和 click: true，也确...
-
1
回答
31浏览
Yup 验证表单时如何动态添加或移除验证规则？
我在用 Yup 做一个带条件验证的注册表单，比如用户选了“学生”身份才需要填学校字段。但我不确定怎么在运行时动态加或删验证规则，试过直接修改 schema 但好像没生效。 比如下面这样写，切换身份后学...
-
1
回答
23浏览
桌面通知在 Safari 上为啥不弹出？
我在项目里用 Notification API 做了个桌面提醒功能，Chrome 和 Firefox 都正常，但 Safari 完全没反应，也没报错。 已经检查过用户授权了，Notification....
-
1
回答
25浏览
延迟反馈导致用户重复点击怎么办？
我在做一个表单提交功能，用户点“提交”后要等2秒左右才有响应，结果很多人以为没点上就狂点好几次，最后重复提交了。这咋整？ 我试过加个 loading 状态禁用按钮，但好像没生效，按钮还是能点。是不是我...
-
2
回答
30浏览
Joi 表单验证时如何动态添加校验规则？
我用 Joi 做前端表单验证，但有个字段的校验规则要根据另一个字段的值动态变化。比如当“用户类型”是“企业”时，“公司名称”才必填。试过在 schema 里用 Joi.when()，但一直报错说方法不...
-
1
回答
28浏览
自定义表单校验怎么和原生 required 一起用？
我用 HTML 原生的 <input required> 做基础校验，但还想加个自定义规则：比如用户名不能是 admin。我在 submit 事件里写了判断，可一旦输入框为空，浏览器会先弹...
-
1
回答
25浏览
方向键监听没反应，是我写错了吗？
我在做一个用方向键控制小方块移动的demo，但按上下左右键完全没反应。查了文档说要用keydown事件，也加了tabindex让div能获取焦点，可还是不行。是不是事件绑定哪里出错了？ 这是我的代码：...
-
1
回答
35浏览
热门搜索列表怎么实现自动轮播切换？
我做了一个热门搜索的模块，想让它每隔3秒自动切换显示不同的关键词，但试了几次都没成功。用的是Vue3 + Composition API。 现在数据是静态的数组，渲染没问题，但加了setInterva...
-
2
回答
30浏览
视频截图时怎么加动态水印？
我正在做一个在线课程平台，需要在用户播放视频时截取画面并自动加上用户名和时间戳作为水印。现在用的是 canvas 把 video 画面 drawImage 出来，但水印文字位置老是不对，而且缩放后模糊...
-
1
回答
28浏览
前端怎么把后端返回的扁平数据转成树形结构？
我从后端拿到的是一堆扁平的菜单数据，每条都有 id 和 parentId，现在想在前端转成树形结构用于渲染递归组件。试过用 reduce 配合 find，但性能很差，数据一多页面就卡。有没有更高效的方...
-
1
回答
47浏览
contenteditable 中如何阻止默认回车换行行为？
我在做一个富文本编辑器，用的是 contenteditable。现在遇到个问题：用户按回车时会自动插入 <br> 或者新段落，但我希望改成插入自定义的块元素（比如带样式的 div），而不是...
-
1
回答
32浏览
可视化编辑器中辅助线对齐不准确怎么办？
我在做一个拖拽布局的可视化编辑器，加了辅助线功能，但元素靠近时辅助线总是偏移几个像素，根本对不齐。 我用的是 getBoundingClientRect() 获取位置，然后计算差值小于5就吸附，但实际...
-
1
回答
84浏览
方向键监听失效是怎么回事？
我在做一个用方向键控制角色移动的小游戏，但有时候按上下左右键没反应。试过用 keydown 事件监听，也加了 event.preventDefault() 防止页面滚动，可还是偶尔失灵。 特别是当焦点...
-
1
回答
18浏览
HLS直播流在Safari能播，Chrome却黑屏是怎么回事？
我用 hls.js 播 HLS 直播流，在 Safari 上一切正常，但在 Chrome 里视频区域一直是黑屏，控制台也没报错。试过加 video.muted = true 和用户手势触发播放，还是不...
-
1
回答
36浏览
热门搜索关键词怎么实现自动轮播切换？
我在做搜索页的“热门搜索”模块，想让前10个关键词每隔3秒自动轮播展示，比如一次显示5个，然后平滑切换到下一组。试过用 setInterval 配合数组 slice 切片，但切换时没有过渡动画，而且最...
-
1
回答
78浏览
提交表单后如何正确显示操作结果反馈？
我做了一个用户注册的表单，提交后想给用户一个明确的成功或失败提示，但现在的反馈总是延迟或者不显示。比如用户点完“注册”按钮，页面没反应，其实请求已经发出去了，只是没告诉用户结果。 我试过在 fetch...
-
1
回答
20浏览
表单验证时 required 属性不生效是怎么回事？
我写了个简单的登录表单，给用户名和密码都加了 required 属性，但提交时居然没触发浏览器默认的验证提示，直接就提交了。是不是哪里写错了？ 我用的是原生 HTML 表单，没加 JS 干预，按理说应...
-
1
回答
31浏览
Plotly图表在容器缩放后显示不全怎么办？
我用Plotly画了一个折线图，放在一个flex布局的侧边栏里，但窗口缩小时图表右边会被裁掉，试过resize事件重绘也不行。 这是我的容器样式： .chart-container { flex: 1...
-
1
回答
39浏览
表单搜索时如何防抖避免频繁请求？
我在做商品搜索功能，用户每输入一个字就触发一次接口请求，感觉太频繁了，怎么加个防抖啊？ 试过用 setTimeout，但好像没生效，每次输入还是会立刻发请求。是不是我写法有问题？ const hand...
-
1
回答
24浏览
Draft.js 如何在自定义块组件中获取当前 block 的文本内容？
我在用 Draft.js 做一个富文本编辑器，想给特定类型的 block（比如 'custom-block'）渲染一个自定义组件。现在的问题是，我怎么在组件里拿到这个 block 对应的纯文本内容？ ...
