前端

1. 首页
2. 前端

微前端架构Module Federation与隔离实践

使用 Module Federation 组织微前端，设计共享依赖与版本策略，配合沙箱与路由隔离，提供性能与安全验证方法，确保可维护与可扩展。

架构与设计 2026年02月13日 0 点赞 0 评论 19 浏览

微前端与 Module Federation 架构实践

"使用 Module Federation 构建微前端，覆盖暴露/远程、共享依赖与路由隔离的关键实践。"

架构与设计 2026年02月13日 0 点赞 0 评论 13 浏览

微前端与 Module Federation 工程实践

概述Module Federation 允许跨应用共享与动态加载模块，降低重复打包与升级成本。本文聚焦配置与依赖治理。已验证技术参数`shared` 可设置 `singleton` 与 `requiredVersion`；推荐对 `react`/`react-dom` 使用单例`remote` 通过

工程实践 2026年02月13日 0 点赞 0 评论 14 浏览

微前端与 Module Federation 实战

基于 Webpack 5 Module Federation 的微前端落地路径，涵盖共享依赖、版本治理与路由集成等工程化要点。

前端框架 2026年02月13日 0 点赞 0 评论 11 浏览

字体加载优化：font-display、preload与子集化治理

通过 font-display 与预加载、子集化与格式治理优化字体加载与呈现，降低首屏阻塞与闪烁。

性能优化 2026年02月13日 0 点赞 0 评论 19 浏览

图片格式选型：JPEG、PNG、WebP与AVIF实践

在浏览器兼容与质量需求下，选择合适的图片格式与加载策略，提升页面性能与视觉体验。

工程实践 2026年02月13日 0 点赞 0 评论 16 浏览

图形渲染选型：Canvas、SVG与WebGL

基于渲染模型与性能特征，对比三种前端图形技术的适配场景与工程建议。

前端框架 2026年02月13日 0 点赞 0 评论 18 浏览

同源策略与CORS：跨域资源共享与安全权衡

理解同源策略与 CORS 机制，安全地开放跨域请求，避免凭证与缓存带来的风险。

安全 2026年02月13日 0 点赞 0 评论 17 浏览

原生懒加载图片与 iframe：loading 与 decoding 协同实践

使用原生 loading="lazy" 与 decoding="async" 协同治理图片与 iframe 的懒加载，减少带宽占用与阻塞，附经验证的 LCP/INP 指标与回退策略。

性能优化 2026年02月13日 0 点赞 0 评论 20 浏览

包管理器对比：npm、Yarn与pnpm

比较三大包管理器在锁文件、依赖去重与性能上的差异，指导项目与Monorepo选型。

JavaScript 2026年02月13日 0 点赞 0 评论 15 浏览