前端技术文章
-
closedby 用于控制 dialog 是只能由显式机制关闭，还是允许 Esc、平台关闭请求，以及点击外部的 light dismiss。本文对比 none、closerequest、any，并说明 showModal() 与 show() 的默认边界。269 收藏 -
React 列表用数组索引作 key 时，插入、删除和排序会让组件状态与数据错配。本文用可编辑列表说明错位原因、稳定 ID 修复方式与边界判断。264 收藏 -
JavaScript 请求超时和主动取消不是同一件事：本文对比 AbortSignal.timeout、AbortController 与 AbortSignal.any，给出错误区分、signal 一次性使用和旧浏览器定时器清理的实战写法。263 收藏 -
用 IntersectionObserver 的正向 rootMargin 扩大交叉计算区域，让图片在进入视口前开始加载；文章同时说明四值写法、嵌套滚动容器和重复回调的处理方式。263 收藏 -
讲清 scheduler.yield 如何把浏览器长任务拆成可恢复的小段，给出批次处理、时间预算、兼容后备与 Web Worker 选择方法。255 收藏 -
TypeScript satisfies 不需要独立配置项。本文从版本与构建解析器开始，说明如何约束配置对象并保留具体推断，再用最小 tsc 检查定位常见报错。254 收藏 -
CSS :has() 可以根据子元素或后续兄弟的状态设置父级样式，但要同时处理浏览器回退、特异性和 DOM 检查范围。本文用表单卡片场景给出可直接采用的写法。252 收藏 -
scroll-timeline 可以把滚动容器从起点到终点的位置映射为关键帧进度。本文用阅读进度条给出最小配方，解释命名时间轴、scroll() 变体、常见失效原因与渐进增强写法。251 收藏 -
通过 Web Worker 的 postMessage 和 Transferable 转移 ArrayBuffer，掌握所有权交接、detached 状态、TypedArray 视图与常见排查边界。249 收藏 -
HTML popover 能把轻量浮层放进浏览器顶层，并原生处理外部点击和 Escape 关闭。本文用账户操作面板说明声明式写法、三种状态选择和脚本控制边界。249 收藏 -
AbortController 取消 fetch 后，Response 可能已经拿到但响应体还没读完，继续调用 text 或 json 就会抛出 AbortError。本文给出取消判断、单次消费响应体、区分网络失败与请求竞态的实用写法。248 收藏 -
Vue 中的图表、编辑器、地图等第三方实例通常不需要深度响应式。本文说明如何用 shallowRef 只跟踪根引用，把创建、方法调用、视图状态同步和销毁集中到 composable，并区分 triggerRef、markRaw 与普通 ref 的适用边界。246 收藏 -
前端搜索框快速输入时，旧请求可能晚于新请求返回并覆盖结果。本文用 AbortController 取消无效请求，再用请求序号保护结果提交，给出异常处理、signal 复用和 debounce 的边界方案。242 收藏 -
CSS position sticky 不生效时，优先检查最近的滚动机制祖先、滚动轴、top 阈值和父级可用空间，按清单快速定位参照容器问题。241 收藏 -
CSS subgrid 能让嵌套卡片在指定方向沿用父网格轨道，解决标题、正文和操作区逐卡片漂移的问题。本文说明列与行的选择、gap 继承、命名线和隐式轨道边界。238 收藏