前端技术文章
-
closedby 用于控制 dialog 是只能由显式机制关闭，还是允许 Esc、平台关闭请求，以及点击外部的 light dismiss。本文对比 none、closerequest、any，并说明 showModal() 与 show() 的默认边界。269 收藏 -
前端上线后用户仍看到旧页面，通常不是重新部署失败，而是 HTML、静态资源缓存和 Service Worker 的更新边界没有分开。本文用一套可回滚的发布检查，讲清 Cache-Control、文件指纹、CDN 缓存刷新和浏览器验证如何配合。267 收藏 -
用同一个可运行的卡片示例演示 CSS container-type 与 @container，解决组件嵌入不同父容器后布局失控的问题。266 收藏 -
通过 DOMParser 和 iframe 场景理解 Document.importNode() 的跨文档复制、deep 参数、插入时机，以及它与 cloneNode()、adoptNode() 的区别。266 收藏 -
React 列表用数组索引作 key 时，插入、删除和排序会让组件状态与数据错配。本文用可编辑列表说明错位原因、稳定 ID 修复方式与边界判断。264 收藏 -
CSS zoom 会参与布局计算，适合让局部内容按比例放大或缩小；transform: scale() 只改变绘制结果。本文用卡片面板说明两者差异、响应式边界与降级验收。263 收藏 -
JavaScript 请求超时和主动取消不是同一件事：本文对比 AbortSignal.timeout、AbortController 与 AbortSignal.any，给出错误区分、signal 一次性使用和旧浏览器定时器清理的实战写法。263 收藏 -
用 IntersectionObserver 的正向 rootMargin 扩大交叉计算区域，让图片在进入视口前开始加载；文章同时说明四值写法、嵌套滚动容器和重复回调的处理方式。263 收藏 -
CSS view-transition-name 用来把指定元素接入 View Transition 的独立快照。本文从状态更新、命名边界、伪元素动画和重复名称处理四个角度，给出一个可渐进增强的页面切换写法。263 收藏 -
用 anchor-name 声明触发元素，再用 position-anchor 与 position-area 建立浮层关系，并通过 anchor-scope 和 @supports 处理重复组件与兼容降级。262 收藏 -
解释JavaScript NodeIterator.detach的兼容空操作语义，通过局部遍历与分批会话示例说明引用清理，区分DOM移除、对象可达性和垃圾回收时机。262 收藏 -
禁用提交按钮的时机不当会干扰浏览器原生表单提交流程，尤其在 Chromium 内核浏览器及移动端 Firefox 中易引发挂起；正确做法是在 submit 事件中禁用按钮，而非 click 事件。 禁用提交按钮的时机不当会干扰浏览器原生表单提交流程，尤其在 Chromium 内核浏览器及移动端 Fi261 收藏 -
Web Locks API 的 ifAvailable 会把等待锁改成一次异步立即尝试：锁不可用时回调收到 null。本文给出结构化返回、交互接入、参数限制与兼容降级写法。261 收藏 -
用 role=status 和 aria-live 给异步页面补上礼貌播报，理解 aria-atomic、aria-busy 的边界，并排查不播报与重复播报问题。261 收藏 -
把依赖视口宽度的全局断点迁移到组件宿主宽度：用 container-type 建立查询上下文，用 @container 控制卡片布局，并通过默认样式、命名容器和回归清单避免嵌套与阈值问题。261 收藏