前端技术文章
-
用同一个可运行的卡片示例演示 CSS container-type 与 @container，解决组件嵌入不同父容器后布局失控的问题。266 收藏 -
React 列表用数组索引作 key 时，插入、删除和排序会让组件状态与数据错配。本文用可编辑列表说明错位原因、稳定 ID 修复方式与边界判断。264 收藏 -
CSS zoom 会参与布局计算，适合让局部内容按比例放大或缩小；transform: scale() 只改变绘制结果。本文用卡片面板说明两者差异、响应式边界与降级验收。263 收藏 -
JavaScript 请求超时和主动取消不是同一件事：本文对比 AbortSignal.timeout、AbortController 与 AbortSignal.any，给出错误区分、signal 一次性使用和旧浏览器定时器清理的实战写法。263 收藏 -
用 IntersectionObserver 的正向 rootMargin 扩大交叉计算区域，让图片在进入视口前开始加载；文章同时说明四值写法、嵌套滚动容器和重复回调的处理方式。263 收藏 -
禁用提交按钮的时机不当会干扰浏览器原生表单提交流程，尤其在 Chromium 内核浏览器及移动端 Firefox 中易引发挂起；正确做法是在 submit 事件中禁用按钮，而非 click 事件。 禁用提交按钮的时机不当会干扰浏览器原生表单提交流程，尤其在 Chromium 内核浏览器及移动端 Fi261 收藏 -
搜索框快速输入时，慢请求可能晚于新请求返回，旧结果就会覆盖当前关键词。本文用请求序号、AbortController 和有限并发预算拆解竞态边界，并给出取消、回收和键盘操作下的验收办法。260 收藏 -
本文介绍通过构建职位优先级映射表并结合 VLOOKUP 实现 Google Sheets 中按职位（如“President”“Manager”等）自定义顺序排序的方法，支持公式驱动、无需脚本即可动态响应职位变更。 本文介绍通过构建职位优先级映射表并结合 VLOOKUP 实现 Google Sheet257 收藏 -
本文详解如何通过原生 Ja vaScript 安全、高效地动态创建并插入 HTML 元素，重点解决事件绑定、ID 冲突、重复渲染及双向同步（如勾选/取消勾选与 UI 显示联动）等常见问题。 本文详解如何通过原生 Ja vaScript 安全、高效地动态创建并插入 HTML 元素，重点解决事件绑定、I257 收藏 -
ResizeObserver 能监听元素尺寸变化，但在回调里直接改写被观察元素，很容易形成反复触发。本文用 contentRect、宽度阈值和 disconnect 拆开这类死循环的边界，给出可审查的组件写法与发布前检查清单。257 收藏 -
用原生 Popover API 做一个可点击外部关闭的帮助菜单，说明 popover=auto、beforetoggle 与 toggle 的职责差异，并用键盘焦点和 Esc 关闭行为完成验收。256 收藏 -
讲清 scheduler.yield 如何把浏览器长任务拆成可恢复的小段，给出批次处理、时间预算、兼容后备与 Web Worker 选择方法。255 收藏 -
TypeScript satisfies 不需要独立配置项。本文从版本与构建解析器开始，说明如何约束配置对象并保留具体推断，再用最小 tsc 检查定位常见报错。254 收藏 -
CSS :has() 可以根据子元素或后续兄弟的状态设置父级样式，但要同时处理浏览器回退、特异性和 DOM 检查范围。本文用表单卡片场景给出可直接采用的写法。252 收藏 -
用浏览器目录句柄完成选择与读写权限复查，配合安全上下文、用户手势和传统上传降级完成前端文件工作流。251 收藏