搜索结果
查询Tags标签： 微前端，共有 17条记录-
浅入深出的微前端MicroApp
前言： 本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番…
2023/9/21 11:38:24 人评论 次浏览 -
差点被SystemJs惊掉了下巴，解密模块加载黑魔法
背景最近一直在做一个技术改进：微前端中子应用采用umd方式分包构建，取代现有的systemJs方式构建，解决子应用稍微复杂一点后构建资源过大造成应用加载缓慢的问题。依赖umd分包，就需要依赖webpackJsonp的全局变量通信，这个技改方案最后成功了，但这个过程让我对SystemJ…
2021/3/2 14:11:29 人评论 次浏览 -
我的2020， 潮起浪平的这一年
简直直接的总结2020 最惹人醒目的词: 无疑是新冠。虽然没直接打过交道，但间接影响还是很大的。过年过成家里蹲、成天带着口罩让老鼻炎又加重了、梦寐以求的在家办公成为现实、老东家的货运滴滴业务因为疫情几近停滞、新东家新平台新业务搞得风生水起；融合上半年做货车帮…
2021/2/10 14:10:31 人评论 次浏览 -
解密智联招聘的大前端架构Ada
Ada是智联招聘自主研发的演进式大前端架构。于2017年正式投入使用后，又经过三年持续演进，全面覆盖了从研发到运维的各个方面，具备跨技术栈工程化体系、交互式图形界面开发工具、自动化发布流程、Serverless运行时和完善的监控预警设施。目前已经支撑集团内数百个工程，…
2020/11/30 14:55:29 人评论 次浏览 -
解密微前端：从qiankun看沙箱隔离
在我之前的文章提到过，微前端的本质是分治的处理前端应用以及应用间的关系，那么更进一步，落地一个微前端框架，就会涉及到三点核心要素：子应用的加载；应用间运行时隔离；路由劫持；对于 qiankun 来说，路由劫持是在 single-spa 上去做的，而 qiankun 给我们提供的能力…
2020/11/19 14:25:26 人评论 次浏览 -
解密微前端："巨石应用"的诞生
随着我们中后台系统的复杂，往往会遇到多个团队独立维护的子应用接入统一的主应用中，这些子应用往往独立开发、独立部署、彼此完全解耦，这时候往常的单一应用无法满足业务的增长需求。而微前端便是用来解决随着时间的推移业务复杂度的提升，某个单应用演变为难以维护的“…
2020/11/1 14:03:41 人评论 次浏览 -
用Single-spa 创建基于 React 和 Vue 的微前端
Nader Dabit翻译：疯狂的技术宅原文：https://dev.to/dabit3/buildin...Single SPASingle SPA 是一个用于前端微服务的 javascript 框架。它使你可以在单页应用中使用多个框架，这样就可以按功能拆分代码，并 能使 Angular、React、Vue.js 程序一起运行。你可能已经习惯了…
2020/10/22 14:03:43 人评论 次浏览 -
微前端qiankun从搭建到部署的实践
最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： https://github.com/fengxianqi/qiankun-example。在线demo：http://qiankun.fengxianqi.com/单独访问在线子应用：subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需…
2020/9/23 14:05:05 人评论 次浏览 -
微前端自检清单
最近在做公司微前端，整理了一份微前端搭建清单，如果你正在考虑是否要做微前端，不妨做个参考。需求分析 技术方案分析 拆分方案分析 部署流程分析需求分析 第一步，我们需要进行需求分析，以便真正清楚我们需要解决的问题是什么。 例如：产品要新增一个业务模块 产品要修…
2020/7/20 5:03:46 人评论 次浏览 -
发布 @umijs/plugin-qiankun 2.3.0 - 全面拥抱 qiankun2
两个月前，我们正式发布了 qiankun2.0，在经历了 15+ beta 版本及大量的内部打磨之后，今天我们将正式发布基于 qiankun2.0 的全新的 @umijs/plugin-qiankun。 本次升级在插件层完全兼容 @umijs/plugin-qiankun 之前的版本，所以只是做了 minor 版本的更新。 新特性 2.3.0…
2020/6/30 5:26:28 人评论 次浏览 -
也许这才是你想要的微前端方案
前言 微前端是当下的前端热词，稍具规模的团队都会去做技术探索，作为一个不甘落后的团队，我们也去做了。也许你看过了Single-Spa，qiankun这些业界成熟方案，非常强大：JS沙箱隔离、多栈支持、子应用并行、子应用嵌套，但仔细想想它真的适合你吗？ 对于我来说，太重了，…
2020/6/1 14:26:26 人评论 次浏览 -
基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇
写在开头 微前端系列文章：基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇 基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇 万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇本系列其他文章计划一到两个月内完成，点个 关注 不迷…
2020/5/14 5:25:40 人评论 次浏览 -
基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇
大家好~ 本文是基于 qiankun 的微前端最佳实践系列文章之 应用间通信篇，本文将分享在 qiankun 中如何进行应用间通信。 在开始介绍 qiankun 的应用通信之前，我们需要先了解微前端架构如何划分子应用。 在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能…
2020/5/9 5:25:48 人评论 次浏览 -
适配 CRA 项目为微前端应用
前期准备一个使用 CRA 创建的新项目或者旧项目 了解 publicPath 是什么 了解 single-spa 中关于微前端应用的概念（及 qiankun 中 html-entry 的概念）解决如何覆盖 CRA 配置的问题 通常情况下，覆盖 CRA 配置的解决方案有两种：直接 npm run eject 使用 react-app-rewi…
2020/5/8 5:55:52 人评论 次浏览 -
目标是最完善的微前端解决方案 - qiankun 2.0
2020/4/16 14:26:11 人评论 次浏览
