StoneHui

在项目中，我们展示到 el-select 的数据通常是从服务端获取的，如果服务端的查询较慢或者数据量过大，就会导致在前端的显示很慢，特别是在网络不好的时候。 所以，分页展示就是一种较好的交互体验。

查看 Turbo 官网时发现它的背景动画挺有意思，就自己动手实现了一下。简单说明原理：使用 mask-image 绘制网格，perspective、rotate 设置 3D 效果并添加位移动画。

CSS 实现渐变边框及动画。 简单说明原理：使用伪元素 `::before` 绘制渐变色，然后使用伪元素 `::after` 绘制背景，使其遮住渐变色的一部分，仅保留边框部分，然后添加旋转动画即可。

wujie 是一个基于 WebComponent 容器 + iframe 沙箱的微前端方案。能够解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持等问题

micro-app 是借鉴了 WebComponent 的思想，通过 CustomElement 结合自定义 ShadowDom，将微前端封装成一个类 WebComponent 组件，从而实现组件化。

qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨后，我们将其微前端内核抽取出来并开源，希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端

常见微前端方案及其优缺点。iframe、路由转发、动态加载模块、npm、Web Component、EMP、single-spa / qiankun、wujie、micro-app。

微前端是一种多个团队通过独立开发和部署功能的方式来共同构建现代化 Web 应用的技术手段及方法策略。

Node.js 是一个基于 Chrome V8 引擎的开源的跨平台的 JavaScript 运行时环境。 Node.js 采用了基于事件的、单线程的异步 I/O 架构。