"isInputPending 与任务切片:降低交互阻塞的实践" "介绍 `navigator.scheduling.isInputPending()` 的用法,通过任务切片与条件让步降低主线程阻塞,改善 INP 与交互响应。" Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 1 浏览
"CSS focus-within:层级焦点与交互管理" "介绍 `:focus-within` 的层级焦点选择器,便于为包含焦点的容器应用样式与交互状态,提升可访问性与表单/菜单体验,提供示例与建议。" Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 6 浏览
"CSS has 选择器:交互增强与性能边界" "解释 CSS :has() 的关系选择能力(父选择器效果),展示交互增强用例(如有子元素时样式变化),并给出性能边界与工程建议。" Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 2 浏览
"CSS pointer-events:命中测试与交互治理" "说明 `pointer-events` 的行为与应用,在叠加层/遮罩/图形场景控制命中测试与事件穿透,提升交互可用性并减少误操作。" Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 3 浏览
"CSS 滚动捕捉:Scroll Snap 的交互与性能" "介绍 CSS Scroll Snap 在滑块/轮播/分页滚动中的用法与参数,说明与惯性滚动与可访问性的协作,并给出性能注意与参考。" Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 2 浏览
"Fullscreen API:沉浸式模式与交互策略" "介绍全屏模式的请求与退出、变更事件与控件管理、权限与手势要求,以及在视频/画廊/演示中的应用与回退策略。" Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 1 浏览
HTML inert 属性:交互禁用与无障碍 使用 `inert` 将区域从交互与可访问性树中移除,配合模态层与焦点陷阱确保正确的交互流与辅助技术体验。 Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 2 浏览
HTML Popover API:无样式弹出层与交互实践 使用原生 Popover API 实现轻量弹出层,涵盖 auto/manual 模式、触发器绑定与可访问性注意事项。 Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 1 浏览
"inert 属性:模态层的焦点隔离与交互安全" "解释 `inert` 的语义与浏览器行为,说明在模态层/抽屉/菜单中的焦点与交互隔离实践,并给出可访问性与性能注意。" Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 2 浏览
Interaction to Next Paint(INP):交互响应指标与优化 采集并优化 INP(交互到下一次绘制),通过 PerformanceObserver 或 web-vitals 库监测交互延迟,结合长任务拆分与优先级调度降低响应时间。 Recovered Channel 1273 2026年02月12日 0 点赞 0 评论 2 浏览