前端技术文章
-
本文用 uploadId、固定分片索引和服务端状态对账实现前端大文件上传，讲清有限并发、XHR 暂停、失败重试、恢复补传及页面刷新后的续传协作方式。371 收藏 -
React Suspense 遇到多个独立数据源时，关键不是把所有请求都塞进一个组件，而是提前并行创建稳定的 Promise，再按内容块设置 Suspense 边界。本文说明请求瀑布的成因、缓存读取、依赖顺序、刷新和错误处理。368 收藏 -
DocumentFragment 插入页面前可以直接使用 querySelector、querySelectorAll 和 getElementById 查询内部元素。关键是把查询放在片段仍持有子节点时，并理解插入后片段会被清空、已取得的元素引用仍然有效。368 收藏 -
Alpine.js 修改响应式数据后如何等 DOM 更新？本文用回调式和 Promise 式 $nextTick 说明读取文本、测量尺寸、聚焦元素的正确时机，并划清请求完成与浏览器布局的边界。367 收藏 -
用 CSS color-mix() 从一个主题色生成按钮悬停、禁用和浅背景色，解释混合空间、比例、透明度与 @supports 回退，并给出可读性检查边界。366 收藏 -
说明 Vite 8 的 Baseline 固定日期、build.target 特殊值与显式浏览器数组的选择，区分语法转换、运行时 API、组件降级和 CSS 目标，整理升级时的兼容性决策。366 收藏 -
display 从 none 切换到可见值时通常会瞬间出现，transition-behavior: allow-discrete 可以让 display 参与离散过渡，再配合 opacity、@starting-style 和渐进增强规则完成可控的显示与隐藏效果。366 收藏 -
HTMLDialogElement 的 requestClose() 用于发起可拦截的关闭请求，close() 用于直接关闭。本文用事件顺序、returnValue 和兼容性代码说明两者的选择边界。363 收藏 -
View Transitions API 保留共享元素的关键，是让切换前后的同一逻辑元素使用唯一的 view-transition-name。本文分别说明 SPA 与同源 MPA 的写法、动画伪元素、降级和重名边界。361 收藏 -
TransformStream 可以把 fetch 返回的流式响应接入一条可读、可写的转换管道。本文用文本响应示例说明 pipeThrough、transform、flush、背压、错误和取消的实际边界。361 收藏 -
CSS field-sizing: content 可以让文本输入框按当前内容调整首选宽度，再配合 min-width、max-width 和 maxlength 控制伸缩边界。本文从固定宽度表单的症状出发，说明触发条件、最小写法、placeholder 与兼容性边界。357 收藏 -
用 HTML Popover API 设计嵌套菜单和多层浮层，区分 auto、manual、dialog 的适用边界，并通过 popovertarget、autofocus、source 与 toggle 让键盘焦点路径更可预测。356 收藏 -
PerformanceObserver 创建得较晚时，使用 type 与 buffered: true 可以回放指定类型的已有性能条目。本文讲清首次回调、entryTypes 冲突、支持性检查和缓冲丢失边界。356 收藏 -
text-box-trim 负责选择裁剪文字盒的方向，text-box-edge 负责指定字形参考边缘。本文从标题和按钮上下留白不一致的症状出发，给出 trim-both、text-box 简写、@supports 回退以及字体和 padding 的边界。353 收藏 -
用 CSS line-clamp 把卡片摘要限制在固定行数：解释 overflow 裁剪、标准写法、旧版 -webkit-line-clamp 兼容组合，以及响应式宽度下的常见边界。352 收藏