前端技术文章
-
用 CSS shape() 和 clip-path 为卡片定义可伸缩裁剪路径，说明 from、line、curve、百分比、rem 与 calc() 的配合方式，并比较 shape() 和 path() 的适用边界。151 收藏 -
文章 · 前端 | 2个月前 | 前端 · javascript · Web Components CustomElementRegistry Scoped Custom Element Registries ShadowRoot
Scoped Custom Element Registries 为 Web Components 提供独立命名空间，让不同组件库或微前端可以保留同名标签。本文从全局注册冲突出发，说明 ShadowRoot、元素子树和渐进降级的边界。150 收藏 -
JavaScript AbortController 可以取消 fetch，也能通过 addEventListener 的 signal 自动移除事件监听。本文讲清控制器创建、AbortError 判断、reason 读取和常见复用陷阱。150 收藏 -
通过 PerformanceResourceTiming 的原始字段定位单个资源响应区间，给出有限采集与停止观察的示例，区分跨域受限、缓存零值和未知样本，避免把浏览器区间当作纯服务端耗时。150 收藏 -
用 fetch 获取流式响应时，ReadableStream 可以让页面边接收边处理。本文说明 response.body、getReader、TextDecoderStream、异步迭代和 AbortController 的组合方式，并列出 UTF-8 分片、流锁定和取消清理的边界。150 收藏 -
用 View Transition API 包裹 DOM 状态更新，为单页应用加入平滑过渡，并处理浏览器降级、局部元素命名、异步更新和减少动效偏好。149 收藏 -
文章 · 前端 | 1个月前 | 前端 · 性能优化 · javascript · scheduler.postTask TaskController Prioritized Task Scheduling API TaskSignal JavaScript任务优先级
Scheduler.postTask 用 options.priority 设置固定优先级，用 TaskController 的 TaskSignal 管理动态优先级。本文说明三档优先级、Promise 错误处理、取消、delay 和浏览器能力检测。148 收藏 -
通过container-type和命名容器查询，让同一组件在宽主栏与窄侧栏分别响应，提供HTML和CSS示例，并说明尺寸来源、自身查询限制、默认布局与排错要点。148 收藏 -
当多个嵌套组件必须沿用同一组父网格轨道时，CSS subgrid 可以避免重复定义列宽和行高。本文通过卡片与表单场景说明 subgrid 的写法、gap 和隐式轨道边界，以及如何保留独立 grid 回退。147 收藏 -
Vite 的 build.modulePreload 同时涉及 modulepreload polyfill 和动态导入依赖列表。本文从默认行为出发，说明如何用 resolveDependencies 过滤依赖，并梳理相对 base、非 HTML 入口与 Library Mode 的边界。147 收藏 -
Vue 3 对 TypeScript 有很好的支持，本教程介绍 Vue 3 + TypeScript 的开发实践。 Vue 3 的 Composition API 和 TypeScript 的类型系统完美结合，可以让代码更安全、更易维护。 Vue 3 + TypeScript 类型支持 Vue 3146 收藏 -
FileSystemDirectoryHandle.resolve 用两个文件系统句柄判断目录归属，返回相对名称数组或 null，而不是绝对路径。本文用导出清单场景说明数组拼接、目录外拒绝、安全上下文和常见误区。145 收藏 -
朝朝 问候各位 Ja va 老友们！咱写惯了 Spring Boot 那套“万物皆对象”的江湖，突然一脚踏入 Rust 的领地，是不是感觉像从自动挡换到了手动挡？别慌，今儿朝朝就用大白话，把 Rust 那套让编译器“管天管地”的内存安全机制掰扯明白。咱不整虚的，就看它到底怎么把咱后端开发的旧习惯给“144 收藏 -
讲清 IntersectionObserver 的 root、null、祖先关系、rootMargin 与 threshold，并用 rootBounds 和检查表定位滚动容器中不触发的问题。144 收藏 -
用 CSS :focus-visible 区分键盘导航与鼠标点击的焦点表现，保留可访问的焦点提示，补齐自定义组件、脚本聚焦和高对比检查边界。143 收藏