feat: 添加组件库知识

README.md

@@ -28,9 +28,13 @@
 
 ## 目录
 
-- [学习路径](#学习路径)
-- [前端核心知识点](#前端核心知识点)
-- [JS](#js)
+- [Fucking Frontend](#fucking-frontend)
+  - [这是什么？](#这是什么)
+  - [如何使用](#如何使用)
+  - [目录](#目录)
+  - [学习路径](#学习路径)
+  - [前端核心知识点](#前端核心知识点)
+  - [JS](#js)
     - [数据类型](#数据类型)
     - [类型判断](#类型判断)
     - [类型转换](#类型转换)
@@ -43,14 +47,15 @@
     - [事件循环](#事件循环)
     - [继承](#继承)
     - [垃圾回收](#垃圾回收)
-- [跨端框架](#跨端框架)
-- [微前端](#微前端)
-- [十五万字面试资料](#十五万字面试资料)
-- [前端工程化文章](#前端工程化文章)
-- [React 原理](#react-原理)
-- [前端进阶文章](#前端进阶文章)
-- [更多文章](#更多文章)
-- [个人信息](#个人信息)
+  - [组件库](#组件库)
+  - [跨端框架](#跨端框架)
+  - [微前端](#微前端)
+  - [十五万字面试资料](#十五万字面试资料)
+  - [前端工程化文章](#前端工程化文章)
+  - [React 原理](#react-原理)
+  - [前端进阶文章](#前端进阶文章)
+  - [更多文章](#更多文章)
+  - [个人信息](#个人信息)
 
 ## 学习路径
 
@@ -214,6 +219,29 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动
   - [ ] [GC in v8](https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md)
   - [ ] [JavaScript 工作原理：内存管理 + 处理常见的 4 种内存泄漏](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)，另有[中文版](https://juejin.cn/post/6844903519078580238)
 
+## 组件库
+
+组件库顾名思义指的就是将多个公共模块或者可复用的组件提取整合生成的一个仓库
+
+知名度较广的组件库：
+
+- [antd](https://github.com/ant-design/ant-design.git)
+- [elementUI](https://github.com/ElemeFE/element.git)
+
+相关文档：
+
+- [lerna](https://github.com/lerna/lerna)
+- [angular commit 规范](https://github.com/angular/angular/blob/master/CONTRIBUTING.md#commit)
+- [yarn](https://yarnpkg.com/)
+- [css variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)
+
+推荐文章：
+
+- [从 0 到 1，搭建一个体系完善的前端 React 组件库](https://www.infoq.cn/article/i4q9ybdmxzmu8eex8qvh)
+- [如何规范你的Git commit？](https://zhuanlan.zhihu.com/p/182553920)
+- [基于lerna和yarn workspace的monorepo工作流](https://zhuanlan.zhihu.com/p/71385053)
+- [FusionNext可配置能力从Sass体系升级为支持Css Variable](https://zhuanlan.zhihu.com/p/257159028)
+
 ## 跨端框架
 
 跨端的最主要的含义就是一套代码多端运行，减少重复劳动