BonjourParis

CSS Grid的功能远比我们想象的要强，很多人对Gird布局仅仅局限于了解或者一知半解，殊不知它是CSS语言中最牛逼的部分之一...

可能很多人都听说过 TypeScript 的装饰器，也可能很多人已经在很多 NestJS 项目中使用装饰器了，也有一些前端开发者可能在某些前端框架中使用过一些简单的装饰器，...

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！...

浏览器中用于发起网络请求的 API 主要包括以下几种： XMLHttpRequest：这是一个老牌的 API，用于在浏览器和服务器之间发送 HTTP 请求。它支持异步请求，...

大家好，我卡颂。 React的API大多设计的很优雅，比如经典的this.setState。 但有一个API从诞生之初就争议不断，甚至很多熟练的开发者都不知道这个API存在...

基于 `Webpack 5 Module Federation` 从0到1实现一个以 `React` 项目为容器，集成多个 `React` 和 `Vue` 项目的微前端项目...

最近webpack5正式发布，其中推出了一个非常令人激动的新功能，即今日的主角——Module Federation（以下简称为mf），下面将通过三个方面（what，how...

1、什么是 Module Federation？ 首先看一下官方给出的解释： 简单理解就是说 “一个应用可以由多个独立的构建组成，这些构建彼此独立没有依赖关系，他们可以独立...

字节 Web Infra 团队和 Module Federation 作者联手，正式推出 Module Federation 2.0！...

最近，项目组在针对原来的老项目做技术栈升级工作，升级的主要内容是 react 和 antd。经过讨论，最后采取的技术方案是使用 qiankun。具体实施方案为先基于 qia...

当前，基于 vue、react、angular 的单页应用开发模式已经成为业界主流。受益于它们丰富的生态，我们可以使用这些技术快速构建一个新的应用，迅速响应市场。随着公司业...

前言 目前接触过很多SaaS系统。随着业务量的升级，项目不得不做拆分。保证系统稳定性的前提，优化开发人员的体验。 目前在做这块的升级，所以调研了一些主流方案，有兴趣的来看看...

本文通过对于SystemJS官方推荐的微前端加载方式——SystemJS的分析，针对其和ESM的关系，以及Import Maps进行对应的梳理。...

微前端的概念 微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。 微前端的核心在于 如何拆和拆完后如何合 微前端解决的问题 不同团队（技术栈...

引言： 随着前端应用程序规模的增长，传统的单体应用程序架构面临着许多挑战，例如代码复杂性、团队协作和独立部署等。为了解决这些问题，微前端架构应运而生。微前端是一种将前端应用...

本文作为微前端核心系列的开篇，并不急于深入主题去介绍微前端的应用，而是从微前端的基础即模块加载开始铺垫，因为认为微前端实际上做的第一件事其实就是确定一个好的模块标准，...

如何实现多个应用之间的资源共享？ 扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品是一个重要但又棘手的难题。因此，早在2016年，微前端概念诞生了。...