技术教程
Cilium eBPF 网络策略与 Hubble 可视化实践（2025）
# Cilium eBPF 网络策略与 Hubble 可视化实践（2025）
## 一、网络策略与模型
- L3/L4/L7：多层策略控制；精细化白名单。
- 策略灰度：在小范围试运行策略，避免误杀。
## 二、Hubble 与观测
- 流量图谱：端到端可视化调用路径与拒绝事件。
- 指标与告警：延迟/错误分布与异常模式告警。
## 三、性能与治理
- eBPF 优势：内核态处理降低开销与延
Canvas Path2D：矢量路径与复用
使用 Path2D 构建可复用的矢量路径以提升绘制性能，并进行命中测试与复杂形状管理，适配高频绘制场景。
Canvas Path2D：矢量路径绘制与性能
介绍 Path2D 的构造与复用，通过命令字串与贝塞尔曲线绘制复杂矢量图形，复用路径与缓存提升性能，并与 requestAnimationFrame 协作。
Cache-Control 扩展：stale-while-revalidate 与 stale-if-error 的容错与性能
介绍 Cache-Control 的扩展指令 stale-while-revalidate/stale-if-error 的语义与部署策略，结合
Canonical URL与重定向治理（规范化/301）最佳实践
通过URL规范化与Canonical标签、301重定向策略统一入口路径，降低重复内容与开放重定向风险并提升SEO与安全性。
CSS方案选型：Tailwind、CSS Modules与CSS-in-JS
对比三种常用CSS方案的心智模型与维护成本，指导组件库与应用的样式工程选型。
CSS渲染优化：content-visibility与contain实践
通过 `content-visibility` 与 `contain` 控制渲染边界与可见区域，提高复杂页面的滚动与渲染性能。
CSV注入防护与数据导出治理（公式转义/长度限制）最佳实践
通过导出前公式转义与长度限制、字段白名单与统一编码，系统性防止CSV注入导致的命令执行与数据泄露风险。
CSS :has()关系选择器与性能治理
使用 `:has()` 实现关系选择与强化 CSS 能力，规范性能与兼容策略，避免过度复杂导致渲染开销。
CSS可访问性：prefers-reduced-motion与对比度治理
利用媒体查询与设计规范降低动画与提升对比度，兼顾不同用户需求并符合可访问性标准。
CSS容器查询与content-visibility：渲染性能治理
利用容器查询与内容可见性控制渲染开销，构建可维护的响应式与高性能布局体系。
CSS容器查询：@container与响应式组件实践
基于 CSS 容器查询实现组件级响应式布局，通过 `@container` 尺寸条件控制渲染与样式。
CSS 逻辑属性与 writing-mode：双向布局与国际化
阐述 writing-mode 与逻辑属性的协作，使用 inline/block 维度替代物理方向，适配从左到右/从右到左与纵向书写，实现更健壮的国际化布局。
CSS 锚点定位：Anchor Positioning 的锚定布局实践
介绍 CSS Anchor Positioning 的基础语法、锚点与被锚定元素的协作方式、可用的定位区域与回退策略，并给出可运行示例与参考。
