"微前端与 Module Federation 架构实践"
"使用 Module Federation 构建微前端，覆盖暴露/远程、共享依赖与路由隔离的关键实践。"
前端
微前端与 Module Federation 工程实践
概述Module Federation 允许跨应用共享与动态加载模块，降低重复打包与升级成本。本文聚焦配置与依赖治理。已验证技术参数`shared` 可设置 `singleton` 与 `requiredVersion`；推荐对 `react`/`react-dom` 使用单例`remote` 通过
微前端与 Module Federation 实战
基于 Webpack 5 Module Federation 的微前端落地路径，涵盖共享依赖、版本治理与路由集成等工程化要点。
字体加载优化：font-display、preload与子集化治理
通过 font-display 与预加载、子集化与格式治理优化字体加载与呈现，降低首屏阻塞与闪烁。
图片格式选型：JPEG、PNG、WebP与AVIF实践
在浏览器兼容与质量需求下，选择合适的图片格式与加载策略，提升页面性能与视觉体验。
图形渲染选型：Canvas、SVG与WebGL
基于渲染模型与性能特征，对比三种前端图形技术的适配场景与工程建议。
同源策略与CORS：跨域资源共享与安全权衡
理解同源策略与 CORS 机制，安全地开放跨域请求，避免凭证与缓存带来的风险。
原生懒加载图片与 iframe：loading 与 decoding 协同实践
使用原生 loading="lazy" 与 decoding="async" 协同治理图片与 iframe 的懒加载，减少带宽占用与阻塞，附经验证的 LCP/INP 指标与回退策略。
包管理器对比：npm、Yarn与pnpm
比较三大包管理器在锁文件、依赖去重与性能上的差异，指导项目与Monorepo选型。
前端隐私事件采集与合规治理实战
构建合规的前端隐私事件采集方案，包含同意与退出机制、采样与去标识、PII脱敏与哈希、保留期策略与速率控制，附事件Schema与中间件示例。
