RainRx

1. 导读 重构一个项目还不如新开发一个项目... 这代码是谁写的，我真想... 针对上面的问题，本文的主角 圈复杂度 重磅登场，本文将从圈复杂度原理出发，介绍圈复杂度的计算方法、如何降低代码的圈复杂度，如何获取圈复杂度，以及圈复杂度在公司项目的实践应用。 2. 圈复杂度 圈复…

以前我对代码的插桩和覆盖率从大学课本上抽象的概念认知层面到有了一定的实践了解，在学习这方面的过程中踩了很多坑，网上关于前端插桩和覆盖率的文档少且不全所以我决定把这方面的研究总结记录一下。

现如今，前端开发的同学已经离不开 npm 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。 本文从三个角度：pac…

背景 使用 npm 或 yarn 管理项目依赖时，可能会产生以下疑问： 项目依赖出现问题怎么办？删了重装，即先删除 node_modules 再重新 install，那这样的操作会不会存在风险？

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一

对a解构时赋予的默认值（空数组），仅当b.a的值为undefined时才会生效，如果b.a的值为null，默认值就无法生效，使得第二行调用map方法的代码直接报错，所以第一行代码兜底并没有做好。 • 如果取到的值为null，则返回null（不会触发默认值），所以对于期望类型为数…

古有赵子龙面对 “冲锋之势，有进无退，陷阵之志，有死无生” 的局面，能万军丛中取敌将首级。在我们的 Javascript 中，往往用对象（Object）来存储一个数据结构。如果这个结构非常复杂，那么想要安全优雅地取出一个值，也并非简单。 这篇文章将会详细阐述在一个嵌套较深的场景中，如何…

相信绝大部分前端开发者最常接触到的就是 npm 和 yarn，并且了解它们的一些基本使用，本文会先复习一下 npm 版本相关约定，然后再讨论一下 npm，yarn，pnpm 之间的差异。

我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发…