SSE 与 WebSocket 实战对比与场景选择
从特性、实现方式与适用场景对比 SSE 与 WebSocket，并给出落地实践建议，帮助在不同实时推送需求下做出正确技术选型。
前端框架
WebAssembly.instantiateStreaming：MIME 与跨域部署要点
"说明 `WebAssembly.instantiateStreaming` 的使用与要求（正确 MIME 与 CORS），相较 `instantiate` + `fetch` 带来更快的流式编译，给出跨域部署与回退策略。"
WebCodecs 视频编解码：VideoDecoder 与 VideoEncoder 管线
使用 WebCodecs 的 VideoDecoder/Encoder 管线进行高性能视频编解码，适配播放器与录制场景，包含帧处理与资源治理建议。
CSS 多列布局：columns 与 column-span
使用 CSS 多列布局进行报刊式排版与内容分栏，控制列宽与间距，并使用 `column-span` 实现跨栏标题与视觉分组。
CSS 背景滤镜：backdrop-filter 与滤镜性能边界
说明 backdrop-filter 与常规滤镜的效果差异与实现、玻璃态 UI 的工程化实践、在不同平台的性能边界与回退策略，提供示例与参考。
CSS :has()关系选择器与性能治理
使用 `:has()` 实现关系选择与强化 CSS 能力，规范性能与兼容策略，避免过度复杂导致渲染开销。
CSS渲染优化：content-visibility与contain实践
通过 `content-visibility` 与 `contain` 控制渲染边界与可见区域，提高复杂页面的滚动与渲染性能。
Flexbox gap：间距控制与兼容策略
说明 Flexbox 的 `gap/row-gap/column-gap` 间距控制，在现代浏览器中替代外边距方案，并给出旧版兼容与响应策略。
HTML Drag and Drop API：文件拖放与数据传输
使用原生拖放 API 进行文件与数据传输，规范拖放目标与类型过滤，提升交互与安全性。
HTML 响应式图片：srcset 与 sizes 策略
使用 `srcset` 与 `sizes` 为不同视口与 DPR 提供合适的图片资源，降低带宽与提升清晰度，并给出选择与验证建议。
