作为满帮集团微前端的发起和推动落地人来分享一下整个过程，希望通过这次的分享，让大家更贴合实际的感受在前方没有参考目标或者参考目标不适合我们时，如何找到最适合我们自己的路

## 一、背景 古茗会员体系升级需要在小程序首页接入炫酷的动画，通过技术选型最终敲定了阿里出品的`@galacean/effects`，编译后体积`599.3KB`，小程序主包限制最大也就只有`2MB

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，what the f**k! 问题考察点 看似无厘头的问题，实际上考查候选人知识的广度和深度，虽然在工作中这种情况很少遇到

在实际开发中,将变与不变分离,确保变化的部分灵活、不变的部分稳定。这个过程，就叫“封装变化”；这样的代码，就是我们所谓的“健壮”的代码，经得起变化的考验。而设计模式出现的意义，就是帮我们写出这样的代码

学习设计模式的目的是：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。策略模式是一种行为设计模式，定义一系列算法，将每一个算法封装起来，并让它们可以相互替换。

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug

通过学习本文，你将有如下收获：1.了解Lighthouse的使用方式 2.了解前端性能优化的相关指标 3.了解一些具体的性能优化方法

浏览器架构 第一阶段：单进程架构(2007年以前) 指的是浏览器的所有功能模块都运行在一个进程里，包括网络线程、插件线程、JavaScript运行环境、渲染引擎和页面，如此多的模块都在一个进程，是浏览

如何做一个与众不同的前端，在普通的业务中有所突破，寻找项目亮点？用过配置化的开发方式一定就是真香定律了。我把好东西都告诉你们！本文从设计 - 实现 - 优化 方方面面下手，带你体验不一样的前端开发