https://www.ithome.me/categories/bigfrontend/ Recent content in Bigfrontend on 编程心语 Hugo zh-CN Tue, 04 Aug 2026 14:59:27 +0800 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ Thu, 30 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/30/module-federation-practical-guide/ <h2 id="为什么需要-module-federation">为什么需要 Module Federation？</h2> <p>传统微前端方案（iframe、路由分发、乾坤 qiankun）各有痛点：</p> <table> <thead> <tr> <th>方案</th> <th>缺点</th> </tr> </thead> <tbody> <tr> <td>iframe</td> <td>上下文隔离强但通信麻烦，SEO 不友好</td> </tr> <tr> <td>路由分发</td> <td>多应用需独立部署，体验割裂</td> </tr> <tr> <td>qiankun</td> <td>侵入性强，子应用改造成本高</td> </tr> </tbody> </table> <p><strong>Webpack 5 Module Federation</strong> 提供了一种全新的思路：在构建时定义共享模块，运行时动态加载远程代码，子应用和主应用共享同一个运行时，通信零成本。</p> https://www.ithome.me/post/2026/07/27/css-container-queries-practical-guide/ Mon, 27 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/27/css-container-queries-practical-guide/ <h2 id="为什么需要-container-queries">为什么需要 Container Queries？</h2> <p>传统响应式设计依赖 <code>@media</code> 查询，它只能根据<strong>视口</strong>（viewport）尺寸调整样式。但现代 UI 中，一个组件可能在侧边栏、弹窗、全屏页等不同宽度的容器里复用——媒体查询完全无能为力。</p> https://www.ithome.me/post/2026/07/23/swiftui-mainactor-deep-dive/ Thu, 23 Jul 2026 08:00:00 +0800 https://www.ithome.me/post/2026/07/23/swiftui-mainactor-deep-dive/ <h2 id="为什么你的-swiftui-应用偶尔白屏或崩溃">为什么你的 SwiftUI 应用偶尔白屏或崩溃？</h2> <p>如果你写过 SwiftUI 应用，大概率遇到过这种场景：App 跑起来后点几下按钮，界面突然卡住不动，或者控制台冒出一堆 <code>Main Thread Checker</code> 警告，甚至直接崩溃。常见的错误信息是：</p>