前端技术文章
-
网页里同时存在 dialog、抽屉和自定义浮层时，可用 CloseWatcher 统一接收 ESC 或系统返回关闭请求，再把焦点恢复、脏数据确认和旧浏览器回退放进同一条关闭链路。126 收藏 -
CSS reading-flow 可以在特定布局场景下调整 Grid 或 Flex 子项的阅读与 Tab 顺序，但它仍是实验性能力，必须优先保持合理 DOM 顺序，并用浏览器能力检测安排降级。124 收藏 -
Intl.DisplayNames 可以按 locale 和 type 把语言、地区、脚本代码转换成用户能读懂的名称。本文用最小示例说明构造器、supportedLocalesOf、of() 以及语言切换时的实例管理。124 收藏 -
https://segmentfault.com/a/「日常开发到底需要记住多少类型？」这篇文章就从最常用的几个类型开始，梳理使用中的常见坑和最佳实践，帮你快速上手。常用类型boolean、number、string这三兄弟最简单，直接写类型注解就行。let isDone: boolean = fa123 收藏 -
围绕 cache key、install、activate 和回滚设计一套 Service Worker 缓存版本更新方案，说明怎样避免新旧缓存互相污染，以及 updateViaCache 和 clients.claim 应该怎样取舍。122 收藏 -
从计算边界、消息协议、结构化克隆、ArrayBuffer 转移和生命周期五个方面说明前端如何把合适的计算移到 Web Worker，并给出错误处理与场景判断。121 收藏 -
通过自定义属性、命名容器和 @container style() 让组件响应父级状态，并说明默认回退、继承、容器选择及普通属性查询的支持边界。120 收藏 -
闭合阴影根不必牺牲焦点委托。用声明式模板保留 delegatesFocus，区分宿主聚焦、Tab 顺序与外部观察，并避开布尔属性、重复建根和字符串注入的常见误区。120 收藏 -
CSS color-mix() 可以按比例混合两个或多个颜色，并指定 oklab、oklch、srgb 等颜色空间。本文从主题色派生出发，拆解百分比归一化、透明度边界、颜色空间选择和组件令牌组织方式。120 收藏 -
讲清 Vite manifest.json 如何把源码入口映射到哈希产物，并用 imports、css 关系组装 modulepreload 与样式标签。120 收藏 -
文章 · 前端 | 2个月前 | 前端 · css · CSS scroll-driven animations animation-timeline scroll-timeline view-timeline animation-range
用 CSS scroll-driven animations 把动画绑定到滚动位置或元素进入视口的进度，拆清 scroll timeline、view timeline、animation-range 的关系，并给出 prefers-reduced-motion 与 @supports 降级方案。119 收藏 -
URLSearchParams.delete(name) 会删除指定键的全部参数值。本文从重复查询键出发，说明最小写法、URL 回写、delete(name, value) 的区别、浏览器兼容边界和可复用代码。118 收藏 -
在 React 里，如果用 useCallback 包住一个依赖组件 state 的事件处理函数，却没有把这个 state 一并写进依赖数组，问题就来了：闭包会一直拿着初始的 state 值不放，结果看起来就像状态更新只成功了一次。解决办法其实很直接，把函数真正依赖的 state 变量，比如 dar116 收藏 -
本文介绍多种可靠方式判断字符串首字符是否为数字（0–9），重点解决正则误判、空字符串边界问题，并提供简洁高效的替代方案。 本文介绍多种可靠方式判断字符串首字符是否为数字（0–9），重点解决正则误判、空字符串边界问题，并提供简洁高效的替代方案。在 Ja vaScript 里，如果要判断一个字符串（比如116 收藏 -
围绕 Vue watchEffect 的异步副作用清理时机，说明 onCleanup 与 onWatcherCleanup 的注册位置、重跑前清理和旧请求写回边界，给出可取消请求的实用写法。116 收藏