前端技术文章
-
CSS :has 不支持时，先用普通类名、属性和结构写完整基础样式，再用 @supports selector(:has(*)) 叠加父级增强；本文说明直接子代边界、:where() 优先级和状态同步方案。158 收藏 -
React useOptimistic 的列表回滚关键是保留真实数据作为基线，用 reducer 标记待处理项，请求失败时让乐观状态自然恢复，请求成功后再同步服务端列表。153 收藏 -
介绍 Intl.DurationFormat 如何接收结构化持续时间对象，按 locale 与 long、short、narrow 风格生成本地化文本，并用 formatToParts 和能力检测处理真实前端场景。141 收藏 -
解释 Vite 配置求值早于 .env 文件加载的原因，并用 loadEnv 正确读取模式变量、配置端口和控制客户端暴露边界。133 收藏 -
通过自定义属性、命名容器和 @container style() 让组件响应父级状态，并说明默认回退、继承、容器选择及普通属性查询的支持边界。120 收藏 -
闭合阴影根不必牺牲焦点委托。用声明式模板保留 delegatesFocus，区分宿主聚焦、Tab 顺序与外部观察，并避开布尔属性、重复建根和字符串注入的常见误区。120 收藏 -
用 CSS :has(> ...) 让卡片只响应直接子元素的状态，理解后代匹配与直接子代匹配的差异，并处理多个状态、优先级和组件边界。111 收藏 -
JavaScript Iterator Helpers 可以把 filter、map、take 等操作组合成惰性处理链。本文用可运行配方解释何时取值、怎样提前停止，以及一次性消费与兼容性边界。110 收藏 -
URLPattern 可以在同一个对象模式中分别声明 hostname 与 pathname，并从 exec 返回值的对应组件读取命名分组。本文用多租户项目地址演示域名参数、路径参数、相对 URL、未匹配处理和旧环境回退。108 收藏 -
区分标准 mask-composite 与 WebKit 旧合成语法，说明层列表、运算方向与简写重置，并提供两层 exclude 示例和限定范围的 xor 回退。103 收藏