前端技术文章
-
文章 · 前端 | 2星期前 | 前端 · JSON · javascript · JavaScript vite json模块 ES module import attributes with type=json
原生浏览器和 Node ESM 加载 JSON 模块时，应使用 with { type: "json" } 并确认 MIME 类型；Vite 则由构建器处理 JSON 导入。本文按运行环境拆开语法、动态导入、缓存与常见故障边界。406 收藏 -
CSS text-spacing-trim 专门处理中日韩标点的内部空隙与行首行尾间距。本文用四个值对比常见场景，说明字体 OpenType 条件、渐进增强写法和兼容性边界。406 收藏 -
Range.createContextualFragment 的关键不在于把字符串变成节点，而在于让 Range 的 start node 成为 HTML 片段解析上下文。本文用容器和表格示例说明 Range 起点、DocumentFragment、节点检查、特殊标签和可信输入边界。406 收藏 -
弹窗打开后页面内容突然横向移动，通常不是 modal 宽度算错，而是经典滚动条出现时挤占了视口。本文用 CSS scrollbar-gutter 的 stable 与 both-edges 处理滚动条预留，并给出 overlay 滚动条和旧浏览器的验收方法。404 收藏 -
横向卡片滑动不应只停在 scroll-snap-type：用 scroll-snap-align、scroll-padding 和 scroll-snap-stop 组合出可控的触摸体验，再用键盘焦点、窄屏和快速甩动验收边界。404 收藏 -
文章 · 前端 | 2个月前 | html · javascript · Web Components customElements.whenDefined CustomElementRegistry
页面先出现自定义元素、组件脚本随后加载时，customElements.whenDefined() 可以把初始化放到注册完成之后。本文用一个延迟注册的组件拆开升级时机、重复注册和加载失败边界。404 收藏 -
通过 noUncheckedIndexedAccess 让 TypeScript 显式处理数组越界、动态字典键和配置缺失，并用收窄、默认值与边界函数建立可靠的索引读取方式。404 收藏 -
随着人工智能技术不断走深走实，企业级API服务平台已经不只是“技术工具”，而是企业搭建智能化业务系统时绕不开的核心基础设施。近日，由权威机构[具体机构名称]联合行业专家发布的《2026年企业级API服务平台选型评估报告》指出，星链科技旗下4SAPICOM平台凭借过硬的技术实力、稳定的运行表现以及完善403 收藏 -
本文用一段最小 CSS 配方让横向卡片在滚动结束后停在卡片边界，说明 scroll-snap-type、scroll-snap-align、gap、scroll-padding 与快速滑动边界。403 收藏 -
文章 · 前端 | 6天前 | 前端 · 流式处理 · javascript · JavaScript ReadableStream TransformStream pipeThrough Streams API
用 JavaScript TransformStream 把文本清理和前缀添加拆成两个可组合阶段，说明 readable、writable、pipeThrough、transform、flush 与 controller 的职责边界，并总结错误传播和输出处理的常见误区。402 收藏 -
用 IntersectionObserver 发现即将进入视口的资源，通过去重队列、unobserve 和 AbortController 实现可停止、可重试的懒加载。401 收藏 -
页面卸载时，fetch 加上 keepalive 可以让小型收尾请求继续发送，但它受未完成请求体总预算约束，不能替代大文件上传或可靠队列。本文给出 pagehide、UTF-8 字节计算、幂等事件 ID 和 sendBeacon 降级写法。401 收藏 -
用 AbortSignal.timeout 给 fetch 请求设置固定时限，并区分 TimeoutError、AbortError、HTTP 错误和网络错误；同时说明 AbortSignal.any 的组合方式与兼容边界。401 收藏 -
Intl.DurationFormat 可将 hours、minutes、seconds 等时长字段格式化为指定语言的文本。本文给出样式选择、运行时检测与中文降级示例，并说明输入整数、零单位和本地化字符串的处理边界。401 收藏 -
JavaScript Element.setPointerCapture 可以把后续指针事件继续交给拖拽元素，即使指针已经移出元素。本文说明 pointerId、pointerup、pointercancel、releasePointerCapture 与 touch-action 的配合方式。401 收藏