本文是专栏第 3 篇文章【实战案例：初探工程配置 & 图标组件热身】，我将从业务系统中最基础的图标组件入手，带着读者们练练手找找感觉，顺便了解一些基本的前端工程配置。

本文将以实现一个视频网站为例，介绍 Next.js 和 Prisma 开发的全过程，prisma 对于 Next.js 来说，可谓是如虎添翼，有了它们，我们前端工程师轻松步入了全栈开发。

一周前，Vercel 宣布了 Webpack 的基于 Rust 的继任者 Turbopack。 在公告中，Turbopack 宣称“比 Vite 快 10 倍”。 Vercel 的各种营销材料都重复宣

是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。

通过上下两篇实战，我们从 0 ~ 1 实现了一个下拉组件。整个实战回过头来看都是基础知识的实践，没有特别难的地方。之后，我会将实现的下拉的组件提取成一个组件项目发布，在我们的项目中应用起来。

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

我们从终端命令的执行流程开始了解 npm run 的执行原理，接着在了解 npm install 的执行过程引出幽灵依赖的问题，通过对幽灵依赖的了解，我们更清楚地了解了 npm 包管理工具的发展和演变

每一个类组件绑定一个Updater实例，专门处理state的逻辑 增加pendingStates 增加updateQueue 处理事件逻辑，切片事件函数，执行前增加flag的开始，执行后更新状态和重置

今天就带大家一起来实现一个简化版的 Qiankun JS 沙箱吧。其中大部分逻辑会做精简处理，不会考虑一些异常情况。学有余力的同学可以直接 Clone 源码...