前端技术文章
-
CSS content-visibility: auto 可减少长列表屏外子树的布局与绘制工作。通过独立分组、占位尺寸和渐进增强示例，说明脚本测量、虚拟列表、分页及可访问性的适用边界。281 收藏 -
SVG feGaussianBlur可用stdDeviation的两个数分别控制x轴和y轴模糊。本文说明单值与双值、零值、用户坐标单位和动态更新方法，并给出方向不符时的排查顺序。277 收藏 -
从用户选择得到 FileSystemFileHandle 后，使用 createWritable 创建可写流，写入文本或 Blob 并正确 close，同时处理安全上下文、权限、取消和兼容性降级。260 收藏 -
Vue 自定义指令中，对象表达式从 binding.value 读取，冒号参数从 binding.arg 读取，点号修饰符变成布尔对象；updated 还能读取 oldValue。本文用原创示例说明字段映射、更新比较和只读边界。258 收藏 -
SVG markerUnits 决定 markerWidth、markerHeight 和标记内容使用哪套坐标系。本文比较 strokeWidth 与 userSpaceOnUse，说明它们如何影响箭头随 stroke-width 缩放，并给出 viewBox、refX、refY 的组合排查方法。252 收藏 -
用 Uint8Array.fromBase64 把 Base64 文本直接解码为字节数组，覆盖 base64url、尾块处理、异常分支和旧浏览器降级。251 收藏 -
通过 Vue defineSlots 为 row、summary 具名插槽声明参数类型，配合子组件 slot 数据绑定和父模板解构，说明 TypeScript 工具支持、组件输入与插槽输出的区别，以及静态声明的运行时边界。251 收藏 -
用 SVGTextContentElement 的 getSubStringLength 测量指定字符区间，用 getComputedTextLength 测量整段文本，并说明字距、x 属性和索引边界对结果的影响。237 收藏 -
React createPortal 只改变 DOM 挂载位置，点击事件仍按 React 树向逻辑父组件冒泡。本文用最小示例说明定位方法、阻断位置和组件边界取舍。237 收藏 -
Path2D.addPath 可以把可复用路径按 DOMMatrix 加入目标路径。本文说明怎样用一个矩阵同时表达缩放、旋转与平移，并区分路径级变换和 Canvas 上下文变换。233 收藏 -
用 Temporal 区分同一时刻换区、当地日历加日和实际时长，结合预约示例处理夏令时歧义，并说明接口存储与兼容层选择。228 收藏 -
用 FileSystemDirectoryHandle.values() 配合 for await...of 遍历文件与子目录，按 kind 分流，并处理权限和条目消失异常。219 收藏 -
同页挂载多个独立 React 根时，分别给 createRoot 或 hydrateRoot 设置不同的 identifierPrefix，让 useId 生成的可访问性 ID 保持独立；SSR 场景还要让服务端与客户端复用同一前缀。219 收藏 -
介绍 React hydrateRoot 的 onRecoverableError 接入方式，通过有界结构化日志保存错误、组件栈和可选 cause，并补充构建及页面标签，说明去重、日志失败隔离与 SSR 框架接入边界。204 收藏 -
模态框打开后，背景内容不应只是被遮罩，还应从焦点、点击、文本查找和辅助技术访问路径中退出。本文用 HTML inert 属性与 HTMLElement.inert 完成背景冻结，并说明 dialog.showModal、继承状态、disabled、aria-hidden 与视觉提示的边界。199 收藏