胖虎喜欢静香

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

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

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

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

1. 为什么选择Jest？ Jest 是 Facebook 出品的一个测试框架，相对其他测试框架，其一大特点就是就是内置了常用的测试工具，比如自带断言、Mock 功能、测试...

Jest 是 Facebook 开源的一款 JS 单元测试框架，它也是 React 目前使用的单元测试框架。 目前除了 Facebook 外，Twitter、Nytimes...

程序员都认同代码规范的重要性，本手册用实际例子来说明如何规范代码，提高可读性和维护性。 使用长而具有描述性的名称，考虑到函数表示某种行为，函数名称应该是动词或短语，用以说明...

代码规范校验使用 ESLint，但是一开始 ESLint 只有检测告诉你哪里有问题，常常出现的情况就是一堆 warning，改起来很痛苦。后来 ESLint 提供了 $ E...

UNIX 是一个交互式系统，用于同时处理多进程和多用户同时在线。为什么要说 UNIX，那是因为 Linux 是由 UNIX 发展而来的，UNIX 是由程序员设计，它的主要服...

1. React函数式组件 1. hooks是比HOC和render props更优雅的逻辑复用方式 useState得到的状态，对于组件来说是一种外部传入的数据，和pro...

1. MobX 开发者只需要定义需要 Observer 的数据和由此衍生的数据（Computed value）或者操作（Reactions），剩下的更新自然就交给 MobX...

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