前端技术文章
-
Intl.Locale 的 maximize() 可以依据语言标签补出最可能的脚本和地区子标签。本文从 zh、en 等不完整 Locale 的常见表现出发，说明如何读取 baseName、script、region，如何保留 -u 扩展标签，以及何时使用 minimize()。296 收藏 -
CSS 容器查询容易因为容器类型和祖先层级选错而出现样式误匹配。本文用可复用卡片说明 container-type: inline-size、size、container-name 与最近合格祖先的关系，帮助你把查询范围稳定地隔离在组件宿主内。295 收藏 -
field-sizing: content 能让表单控件按内容收缩和增长，但旧浏览器不一定支持。本文用 @supports 做渐进增强，再比较固定尺寸、伪元素镜像和 JavaScript 测量三种降级方案，给出输入框不缩小、不溢出且便于维护的选择方法。293 收藏 -
用 Element.checkVisibility() 区分渲染盒、content-visibility、opacity 和 visibility 状态，同时明确它不等于视口可见或未被遮挡，并给出兼容降级写法。293 收藏 -
区分 using、await using 与异步获取资源，使用 AsyncDisposable 适配器解释作用域释放、逆序清理、双重异常和 TypeScript 编译与运行时条件。292 收藏 -
document.fonts.check() 返回 true 只表示当前字体规格可以避免使用未加载字体完成渲染，不等于指定字体文件已经下载。本文用 document.fonts.load、FontFace.status 和真实字符样本拆解误判原因与排查方案。290 收藏 -
URLPattern路由规则可预先构造并复用。本文用命名参数匹配与批量计数示例，说明test和exec的选择、输入解析及减少中间容器的适用边界。289 收藏 -
ARIA combobox 使用 aria-activedescendant 时，输入框继续保留 DOM 焦点，当前 listbox option 通过唯一 id 被辅助技术感知。本文给出关系属性、键盘状态和不适用场景。288 收藏 -
CSS 可用 font-synthesis-weight:none 单独禁止伪粗体，也可用 font-synthesis:none 整体关闭合成。本文说明真实字重资源、继承和简写覆盖，并给出双字重配置及兼容处理示例。286 收藏 -
Web Locks 的 query() 不会抢锁或释放锁，只返回当前 origin 的状态快照。本文用 held、pending、name、mode 和 clientId 拆解查询结果，并给出安全上下文、异常处理和排障记录方法。284 收藏 -
view-timeline-axis 决定视图进度时间线沿哪个滚动轴推进。本文区分 block、inline、x、y 的适用场景，说明 subject、滚动容器和溢出条件，并给出不支持时的渐进增强写法。284 收藏 -
PerformanceObserver 默认只接收开始观察之后的通知。本文用 type 与 buffered 补采已经产生的性能条目，并说明 entryTypes 互斥、重复消费、支持性检查和 droppedEntriesCount 等边界。284 收藏 -
解释localStorage只保存字符串的原因，通过JSON编码、版本字段和受控字段恢复对象，区分键缺失、损坏、访问与写入失败，并提供单键重置方案。283 收藏 -
文章 · 前端 | 4天前 | 前端 · csv · 编码 · javascript · 数据导入 · csv ReadableStream TextDecoderStream UTF-8 BOM IgnoreBOM 前端流式读取
TextDecoderStream 的 ignoreBOM 命名很容易读反：默认 false 会跳过 CSV 开头的 UTF-8 BOM，true 反而会保留 U+FEFF。本文用流式读取和分块边界说明正确配置、首字段排查方法与兼容注意事项。283 收藏 -
CSS position-area 用锚点周围的 3×3 区域放置绝对定位浮层。本文从 anchor-name 和 position-anchor 的绑定开始，比较物理值、逻辑值、span 值与 anchor() 的边界，并给出菜单、提示框等场景的可迁移写法。282 收藏