lavie

本篇开始，一起讨论一下，基于monorepo架构模式，利用Module Federation实现微前端架构的架设方案。

Module Federation[1]官方称为模块联邦，模块联邦是webpack5支持的一个最新特性，多个独立构建的应用，可以组成一个应用，这些独立的应用不存在依赖关系，可以独立部署，官方称为微前端

一. 引言 自webpack5发布以来，推出了很多全新的特性，其中最主要的就如下三点： ① 可持续性缓存--通过cache配置可实现首次构建后一直保存缓存。 ② 真正意义上的tree-shaking-

一、背景 在讲微前端之前，首先了解下前端开发模式的发展历程，在最早的时候，前端的开发是耦合在服务端，主要的工作其实就是提供一个界面模板，交互也不多，实际的数据还是在服务端渲染的时候提供的。

BFF是一种Web架构，全名为Backends For Frontends，即为服务于前端的后端。BFF一般指的是在前端与后端之间加增加一个中间层。

之前对公司七八年的老项目进行了升级，将vue2升级到vue3，并输出了一篇文章。但它存在很多问题，具体来说： 可读性巨差......

这是一道字节面试题，大家第一眼看到这个面试题的时候，是不是脑瓜子嗡嗡的？有一种熟悉又陌生的感觉？我当时也一样的😭😭😭，接下来，让我们看看思路吧。

简单粗暴，就是监听DOM树的变动。 首先明确：MutationEvents在MDN中也写到了，是被DOM Event承认在API上有缺陷，反对使用。 甭记，这么多事件，各内核各版本浏览器想兼容怕是要天荒地老。 （1）事件多，可见的，监听多项就绑定多项。 （2）只要是绑定事件，离…

内容安全策略 (CSP) 是一个额外的安全层，用于检测并削弱某些特定类型的攻击，包括跨站脚本 (XSS) 和数据注入攻击等。无论是数据盗取、网站内容污染还是散发恶意软件，这些攻击都是主要的手段。 当我不经意间在 Twitter 页面 view source 后，发现了惊喜。