胖虎喜欢静香

一、背景介绍 在开发过程中，常规的项目部署都是通过 gitlab runner 或者 jenkins 等工具，通过配置 ssh key，将代码拉取下来，然后通过 shell 脚本进行打包，上传到服务器

工作中要实现一个加载 loading 的效果，蓝色中空，类似贪吃蛇不停旋转 找了一些素材都不符合需求，那就自己实现一个吧，样式都是按照比例设置的，可自行调节大小，代码如下：

工作中要实现一个超椭圆头像，超椭圆，不是圆角矩形么，和椭圆有什么区别？第一次看到这个需求不禁有些疑问 🤔，专门查了下，解释如下： 好像还是没有明白 😂 简单来说就是椭圆的形状由两个焦点决定，而超椭圆的

Webpack的本质 Webpack可以将其理解为是一种基于事件流的编程范例，一系列的插件运行。 它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，Webpack 中最核心的负

Module Federation 即为模块联邦，是 Webpack 5 中新增的一项功能，可以实现跨应用共享模块。 项目创建 假设我们有产品、购物车两个项目，当然还有个用于承载的容器项目contai

1. 为什么选择Jest？ Jest 是 Facebook 出品的一个测试框架，相对其他测试框架，其一大特点就是就是内置了常用的测试工具，比如自带断言、Mock 功能、测试覆盖率工具，实现了开箱即用。 2. 使用 1. 如何安装 Jest 可以通过 npm 或 yarn 进行安…

1. React函数式组件 1. hooks是比HOC和render props更优雅的逻辑复用方式 useState得到的状态，对于组件来说是一种外部传入的数据，和props、context没有本质的区别。useState声明的状态，实际由React内核进行维护，传递给函数式…

1. MobX 开发者只需要定义需要 Observer 的数据和由此衍生的数据（Computed value）或者操作（Reactions），剩下的更新自然就交给 MobX 去做就可以了。 总之，两者相比，MobX 确实比 Redux 上手更容易些，并且不需要写很多样板代码，但…

前言 在hooks诞生之前，如果组件包含内部 state，我们都是基于 class 的形式来创建组件。 在react中，性能优化的点在于： 调用 setState，就会触发组件的重新渲染，无论前后 s