前端知识分享

A collection of 4 posts
Webpack 5 模块联邦(Module Federation)学习
前端知识分享 Featured

Webpack 5 模块联邦(Module Federation)学习

什么是模块联邦(Module Federation)? 模块联邦是 Webpack 5 引入的一项革命性功能,它允许多个独立构建的前端模块在运行时组合成单一的应用程序​。简单来说,每个独立构建(可以视为一个子应用)可以像「容器」一样暴露自身的一些模块(如组件、函数等),供其它构建动态加载和使用。这使得不同应用之间可以直接共享代码,而无需将代码发布到NPM再安装引用​。从运行时看,多个构建的模块组成了一个巨大的连接模块图,彼此之间像本地模块一样协作。这一特性打破了以往前端应用相互独立的壁垒,为实现微前端架构提供了官方支持​。
42 min read
Qiankun 微前端框架学习笔记
前端知识分享

Qiankun 微前端框架学习笔记

Qiankun 是目前业界比较成熟的一套微前端框架方案,最早由阿里内部衍生并开源。它本质上基于 single-spa 的微前端模型进行了一层封装,提供了更完备的沙箱、预加载以及零配置集成体验等特性。在微前端架构中,主应用(基座)和子应用通常需要在同一个页面中协作与运行,而 Qiankun 核心解决的正是如何优雅地加载与卸载子应用、同时又保证子应用间的隔离(如全局变量、样式等),并且在主应用和子应用之间实现通信和数据传递。
12 min read
无构建前端开发理念深度解析
前端知识分享

无构建前端开发理念深度解析

本文旨在从一个全新视角审视无构建理念:即抛却繁冗的前端构建链,将现代浏览器的原生能力发挥到极致,以简驭繁,构建富有灵活性与可维护性的应用。在 React、Vue 等“主流”单页应用(SPA)框架占据大部分心智的当下,一种非主流但日渐显现的前端开发哲学却在某些场景中愈发引人注目。它意味着:当项目规模、浏览器兼容、交互需求都不再需要一次次编译、打包,我们为何不停下来反思:能否不构建?
11 min read
深度思考React设计哲学
前端知识分享

深度思考React设计哲学

React 的出现堪称前端技术史上的分水岭。它一度改变了人们思考前端 UI 的方式,推动了组件化、函数式、声明式编程的普及,并启发了大量后续框架的设计思路,如 Vue、Svelte、Solid 等。大部分人只看到了 React 的“Virtual DOM”“JSX”这类表象特征,却没有深究背后的设计哲学和深层原因。要真正理解为什么 React 在前端开发中如此流行,必须回到它的本质——它为什么要以这样的方式被设计,又为前端开发者解决了什么问题。下面将从设计哲学、解决问题的思路、流行原因、以及与其他库的关系等角度做深度剖析。
13 min read