近期写代码又开始重新接触了一点控台应用，接触到的项目年代久远，所有的权限管理用起来感觉不是很得心应手。
于是想着自己能否从零设计一个，梳理一下思路，当然实际用不用也无所谓。
权限管理主要是为了安全，项目中的权限管理是全部放在前端控制的，感觉这一点非常不安全。
前端防君子，不防小人。
当然本次造轮子主要也是为了打造一款自己满意的权限控制框架，所以设计采用 MVP 模式，采用渐进式的方式开发。
大家可以一起学习一下权限控制的设计和实现思路。
如果生产想直接使用，也有比较成熟的框架：
The web has evolved.
Finally, testing has too.
Fast, easy and reliable testing for anything that runs in a browser.npm install cypress --save-dev代码本身的质量: 包括复杂度, 重复率, 代码风格等。
复杂度: 项目代码量，模块大小，耦合度等重复率: 重复出现的代码区块占比，通常要求在5%以下(借助平台化工具如Sonar)代码风格: 代码风格是否统一(动态语言代码如JS, Python风格不受约束)
破罐破摔: 在烂代码上迭代代码罪恶感比较小
传染性: 不在意代码质量, 只关注业务的产出
心有余而力不足
其实在此之前，自己也尝试过做过尝试。
而且做了两次，最后因为没有成为一个可高度复用的框架，而逐渐失去维护。
本篇整理下成熟工具的长处，结合自己失败的经验，为设计一款简单灵活的爬虫打下基础。
🐜 Ant Design 一个服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观和模块化的解决方案，让设计者专注于更好的用户体验。
Ant Design of React 是一套基于 React 的企业级实现。
如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。
亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。
通过『小号间距』、『中号间距』、『大号间距』这三种规格来划分信息层次。
在 Ant Design 中，这三种规格分别为：8px（小号间距）、16px（中号间距）、24px（大号间距）。
这三种规格不适用的情况下，可以通过加减『基础间距』的倍数，或者增加元素来拉开信息层次。