前端技术文章
-
说明Vite envPrefix的客户端暴露范围，给出双前缀迁移、公开配置集中读取和类型转换示例，并梳理模式目录、CI覆盖及构建期配置边界。161 收藏 -
从计算边界、消息协议、结构化克隆、ArrayBuffer 转移和生命周期五个方面说明前端如何把合适的计算移到 Web Worker，并给出错误处理与场景判断。121 收藏 -
读取 ArrayBuffer 的多字节字段时，DataView 的 offset、字段宽度和 littleEndian 参数必须与协议约定一致。本文用一个字节序读错的故障现场，说明如何定位、修复并封装 Uint16/Uint32 的读取规则。248 收藏 -
讲清前端用 ReadableStream 分块读取 Fetch 响应时的 reader、TextDecoder、done、异常、取消与锁定边界，给出可直接改造的 JavaScript 示例。380 收藏 -
说明 Vite 8 的 Baseline 固定日期、build.target 特殊值与显式浏览器数组的选择，区分语法转换、运行时 API、组件降级和 CSS 目标，整理升级时的兼容性决策。366 收藏 -
CSS view-transition-name 用来把指定元素接入 View Transition 的独立快照。本文从状态更新、命名边界、伪元素动画和重复名称处理四个角度，给出一个可渐进增强的页面切换写法。263 收藏 -
JSON.rawJSON 可以把经过校验的原始 JSON 原子值交给 JSON.stringify，适合保留超大整数的数字文本；本文同时说明合法性、字符串语义和兼容性边界。442 收藏 -
CSS nesting 可以把组件的基础样式、子元素样式和状态样式放在同一规则中。本文用最小 CSS 示例说明默认后代关系、& 显式父选择器、组合器、媒体查询、特异性和扁平回滚写法。227 收藏 -
讲清 fetchpriority 的 high、low、auto 如何提示浏览器处理图片、脚本和 link 资源，并区分它与 preload、loading、defer 的职责边界。208 收藏 -
用 CSS color-mix() 从一个主题色生成按钮悬停、禁用和浅背景色，解释混合空间、比例、透明度与 @supports 回退，并给出可读性检查边界。366 收藏 -
文章 · 前端 | 1星期前 | 前端 · JSON · javascript · JavaScript vite json模块 ES module import attributes with type=json
原生浏览器和 Node ESM 加载 JSON 模块时，应使用 with { type: "json" } 并确认 MIME 类型；Vite 则由构建器处理 JSON 导入。本文按运行环境拆开语法、动态导入、缓存与常见故障边界。406 收藏 -
文章 · 前端 | 1星期前 | 前端 · 性能优化 · javascript · 浏览器API · IntersectionObserver rootMargin threshold Intersection Observer API unobserve 前端懒加载
IntersectionObserver 可以按目标与视口的交集比例触发加载；本文用 threshold、rootMargin 和共享 observer 解释可见性加载，并说明 unobserve 与 disconnect 的生命周期边界。182 收藏 -
文章 · 前端 | 1星期前 | 前端 · css · 浏览器兼容 · anchor-name position-area CSS anchor positioning position-anchor position-try 下拉菜单定位
CSS Anchor Positioning 可以把下拉菜单绑定到触发按钮，并用 position-try 声明上方或侧边回退位置；本文给出 anchor-name、position-anchor、position-area、anchor-scope 的组合写法与组件化检查清单。161 收藏 -
CSS overflow: clip 可以裁剪溢出内容且不创建滚动容器，适合阴影、徽标等非交互装饰；按钮、链接和输入框要谨慎，本文对比 clip 与 hidden 的滚动、聚焦和 overflow-clip-margin 边界。252 收藏 -
CSS @scope 可以用 scope root 限定组件样式的上边界，用 scope limit 截断嵌套区域，并通过 :scope 表达根节点关系。本文结合静态结构示意和原创 CSS 片段，说明选择器匹配、继承与兼容性边界。208 收藏