微前端小探

假设现在有一个维护了数年的老项目A,体量较大,采用的技术栈是PHP+jQuery。现在由于市场环境变化,不怎么招得到PHP、jQuery程序员,但会React、Vue的比较多。这时候后微前端就派上用场了。

微前端的原理是设立一个基座,浏览器请求网页时先加载基座页面,然后基座根据url请求不同的项目下的页面并渲染出来。可以简单地理解为基座就是一个iframe框架。

现在我们新开一个项目B,使用的技术栈是React。有新的需求来的时候,在项目B上添加代码。新的业务使用的url以'/project-b/'为上下文。这样基座收到请求后,就知道向项目B所在的目录下请求页面。

由于基座允许新项目和老项目独立运行、维护,因此我们还可以通过基座来慢慢地将老项目代码重构、迁移到新项目。

总结一下,当公司的项目需要替换为新技术栈或者需要重构时,可以考虑使用微前端。

posted @   hdxg  阅读(82)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css
点击右上角即可分享
微信分享提示