Merge pull request #56 from m-yangyu/main

feat: 添加组件库知识
This commit is contained in:
yck 2021-09-15 14:18:53 +08:00 committed by GitHub
commit 360abadf1e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -28,6 +28,10 @@
## 目录 ## 目录
- [Fucking Frontend](#fucking-frontend)
- [这是什么?](#这是什么)
- [如何使用](#如何使用)
- [目录](#目录)
- [学习路径](#学习路径) - [学习路径](#学习路径)
- [前端核心知识点](#前端核心知识点) - [前端核心知识点](#前端核心知识点)
- [JS](#js) - [JS](#js)
@ -43,6 +47,7 @@
- [事件循环](#事件循环) - [事件循环](#事件循环)
- [继承](#继承) - [继承](#继承)
- [垃圾回收](#垃圾回收) - [垃圾回收](#垃圾回收)
- [组件库](#组件库)
- [跨端框架](#跨端框架) - [跨端框架](#跨端框架)
- [微前端](#微前端) - [微前端](#微前端)
- [十五万字面试资料](#十五万字面试资料) - [十五万字面试资料](#十五万字面试资料)
@ -225,6 +230,7 @@ JavaScrip 在变量被创建时分配内存,并在对象不再使用时自动
- [ ] [GC in v8](https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md) - [ ] [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) - [ ] [JavaScript 工作原理:内存管理 + 处理常见的 4 种内存泄漏](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec),另有[中文版](https://juejin.cn/post/6844903519078580238)
## React ## React
### 合成事件 ### 合成事件
@ -251,6 +257,29 @@ JavaScrip 在变量被创建时分配内存,并在对象不再使用时自动
- [美团自研 react 跨端](https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html) - [美团自研 react 跨端](https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html)
- [京东 taro](https://juejin.cn/post/6844904036743774216) - [京东 taro](https://juejin.cn/post/6844904036743774216)
## 组件库
组件库顾名思义指的就是将多个公共模块或者可复用的组件提取整合生成的一个仓库
知名度较广的组件库:
- [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)
## 微前端 ## 微前端
是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。