首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
微前端从入门到熟悉
沉末_
创建于2022-04-15
订阅专栏
介绍了微前端的场景和调研过程,以及qiankun微前端实践踩的坑
等 45 人订阅
共6篇文章
创建于2022-04-15
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
微前端从入门到熟悉 | 🏆 技术专题第四期
微前端是最近一个很火的话题,前端就跟谈恋爱一样,真的是“合久必分,分久必合”。微前端不是炫技,而是一个解决方案。 举个例子,公司内部有很多的系统,比如说人力系统、财务系统、工时管理、项目管理、论坛等等,当公司有新人入职时,短时间内他要记住全部的地址比较难。 如果地址不太多,存浏…
qiankun 微前端实践总结(二)
所以只好重新整理下,纪录一些踩过的坑和调研,希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的,有一些是在 qiankun 的仓库 issue 区看到的。对于这些问题,我尽可能的讲清楚产生原因及解决思路和方法。 内联 js 的内…
qiankun 微前端方案实践及总结
1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。PS:我们需要的只是别人项目的这个功能页面的内容部分,不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来,但是万一别人不是 v…
从0实现一个single-spa的前端微服务(下)
上一篇文章:从0实现一个single-spa的前端微服务(中)中我们已经实现了single-spa + systemJS的前端微服务以及完善的开发和打包配置,今天主要讲一下这个方案存在的细节问题,以及qiankun框架的一些研究对比。 single-spa的三个生命周期函数bo…
从0实现一个single-spa的前端微服务(中)
上一篇文章:从0实现一个前端微服务(上)中讲到,single-spa的原理就是,将子项目中的link/script标签和<div id="app"></div>插入到主项目,而这个操作的核心就是动态加载js和css。 动态加载js我们使用的是system.js,借助这个插件,我…
从0实现一个前端微服务(上)
什么是前端微服务,网上大把的介绍,我就不啰嗦了,简单来说,就是把各个子项目整合到一起。 iFrame。使用 iFrame 及自定义消息传递机制 其中比较常见的就是iframe和single-spa,这两者各有千秋。 页面加载问题: 影响主页面加载,阻塞onload事件,本身加载…