CSS 图像遮罩与裁剪：mask 与 clip-path 的性能与兼容
介绍 `mask` 与 `clip-path` 的差异与用法，使用基本形状与 SVG 路径实现遮罩与裁剪，说明性能边界与跨浏览器兼容策略，提供示例与参考。
前端开发
Input Events Level 2：beforeinput 与输入法合成事件
---title: "Input Events Level 2：beforeinput 与输入法合成事件"keywords: - beforeinput - inputType - compositionstart - compositionend - 编辑器description: "介绍 Input Events Level 2 的 `beforeinput` 与 `...
Fastify 高性能 Node.js 服务实践
使用 Fastify 构建高性能 API，示例包含基础路由、日志与 JSON 响应，适合高并发场景。
CSS 多列布局：columns 与 column-span
使用 CSS 多列布局进行报刊式排版与内容分栏，控制列宽与间距，并使用 `column-span` 实现跨栏标题与视觉分组。
Node.js Worker Threads 与线程池（Piscina、负载与背压）
---title: Node.js Worker Threads 与线程池（Piscina、负载与背压）keywords:- Worker Threads- Piscina- 线程池- 背压- 负载均衡description: 使用 Worker Threads 与 Piscina 构建线程池，将重计算从主线程移出，设计背压与负载策略，并提供验证方法。date: 2025-11-...
CSS line-clamp：多行截断与可访问性
使用 line-clamp 实现多行截断，兼容不同浏览器并保证可访问性与可读性，提供回退与交互提示建议。
MediaStreamTrack applyConstraints：分辨率与帧率动态调整
---title: MediaStreamTrack applyConstraints：分辨率与帧率动态调整keywords: - applyConstraints - frameRate - width/height - advanced - 约束策略description: 使用 MediaStreamTrack 的 applyConstraints 在会话中动态调整...
Element Timing 关键元素渲染观测：elementtiming 与自定义指标实践
使用 Element Timing 为关键元素打点并通过 PerformanceObserver 收集渲染时序，构建自定义指标，辅助优化首屏与关键内容加载。
CSS mask-image 与 clip-path：形状裁剪与性能建议
使用 `mask-image` 与 `clip-path` 实现形状裁剪与遮罩效果，结合 SVG 与性能建议，提升视觉表现并控制开销。
CSS 嵌套：Nesting 的语法、特异性与工程实践
解释原生 CSS 嵌套的语法与与选择器的关系，说明特异性与可维护性的注意，给出与 @layer/ :where/ :is 协作的工程实践与参考。
CSS 字体平滑与渲染：font-smooth 与 text-rendering
探索字体平滑与渲染提示属性在不同浏览器的效果与兼容性，理解其非标准性并给出实践建议与替代方案。
CSS Typed OM：StylePropertyMap 与属性类型安全
使用 CSS Typed OM 的 StylePropertyMap 与单位值在 JS 中类型安全地读写样式，避免字符串拼接错误并提升可维护性与性能。
Import Maps 模块治理与依赖控制：浏览器原生映射实践
通过 Import Maps 在浏览器原生 ESM 中治理依赖路径与版本，减少打包耦合并提升可控性；涵盖映射配置、加载策略、风险治理与经验证的交付指标。
Envoy gRPC-JSON Transcoding：API网关协议转换实践
通过 Envoy 的 gRPC-JSON 转码在同一个网关上同时服务 REST 与 gRPC，统一路由与鉴权策略。
CSS 自定义属性注册：@property 与过渡控制
介绍 `@property` 的注册语法与字段（syntax/inherits/initial-value），使自定义属性参与动画与过渡，提供示例与兼容策略。
