From b17725e018b8804a777b0ed2fee52dc291709326 Mon Sep 17 00:00:00 2001 From: jingwenlong Date: Tue, 14 Sep 2021 21:53:56 +0800 Subject: [PATCH 01/15] =?UTF-8?q?feat:=20=E5=9E=83=E5=9C=BE=E5=9B=9E?= =?UTF-8?q?=E6=94=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4d21d39..603ace2 100644 --- a/README.md +++ b/README.md @@ -26,8 +26,23 @@ ## 目录 +- [这是什么？](#这是什么) +- [如何使用](#如何使用) +- [目录](#目录) - [学习路径](#学习路径) - - [前端核心知识点](#前端核心知识点) +- [前端核心知识点](#前端核心知识点) +- [JS](#js) + - [数据类型](#数据类型) + - [类型判断](#类型判断) + - [类型转换](#类型转换) + - [this](#this) + - [闭包](#闭包) + - [作用域](#作用域) + - [new](#new) + - [事件循环](#事件循环) + - [垃圾回收](#垃圾回收) +- [跨端框架](#跨端框架) +- [微前端](#微前端) - [十五万字面试资料](#十五万字面试资料) - [前端工程化文章](#前端工程化文章) - [React 原理](#react-原理) @@ -151,6 +166,18 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) +### 垃圾回收 + +JavaScrip 在对象被创建时分配内存，并在对象不再使用时“自动”释放内存，这个过程被称为垃圾回收。 + +- [ ] 文档 + - [ ] [内存管理 & 垃圾回收](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management) +- [ ] 推荐文章 + - [ ] [GC in v8](https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md) + - [ ] [V8 引擎垃圾回收与内存分配](https://juejin.cn/post/6909239354418266119) + - [ ] [JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)，另有[中文版](https://juejin.cn/post/6844903519078580238) + + ## 跨端框架 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 From 5c9c1fb18f3098b8460b6fe6d0aaf1df82a32767 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 22:15:40 +0800 Subject: [PATCH 02/15] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 45a0fba..4c6c74c 100644 --- a/README.md +++ b/README.md @@ -170,7 +170,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ### 垃圾回收 -JavaScrip 在对象被创建时分配内存，并在对象不再使用时“自动”释放内存，这个过程被称为垃圾回收。 +JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动释放内存，这个过程被称为垃圾回收。另外我们主要学习 V8 引擎下的垃圾回收机制。 - [ ] 文档 - [ ] [内存管理 & 垃圾回收](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management) From 63aa2ba5a5542e4b7f6bbc6c9b10336f911bfaa7 Mon Sep 17 00:00:00 2001 From: liuc Date: Tue, 14 Sep 2021 22:48:37 +0800 Subject: [PATCH 03/15] =?UTF-8?q?feat:=20react=20=E5=90=88=E6=88=90?= =?UTF-8?q?=E4=BA=8B=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/README.md b/README.md index c5a2bee..90f9b31 100644 --- a/README.md +++ b/README.md @@ -166,6 +166,21 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) +## React + +### 合成事件 + +React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 + +- [ ] 文档 + - [ ] [React官方文档-英文](https://reactjs.org/docs/events.html) + - [ ] [React官方文档-中文](https://zh-hans.reactjs.org/docs/events.html) +- [ ] 推荐文章 + - [ ] [【React深入】React事件机制](https://mp.weixin.qq.com/s?__biz=Mzg2NDAzMjE5NQ==&mid=2247484039&idx=1&sn=1f657356676d4809633f30668acb50d2&chksm=ce6ec62bf9194f3d8a4eb382bd01c56231908a1b08fb9c2c9783f96df6650ee808fe18343032&scene=178&cur_album_id=1403155327595495424#rd) + - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) + - [ ] [深入学习 React 合成事件](https://mp.weixin.qq.com/s/7Y70ozwJHBXON11fBCD9Og) + - [ ] [React源码分析6 — React合成事件系统](https://zhuanlan.zhihu.com/p/25883536) + ## 跨端框架 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 From a75ef420236f4c10c90da836b3bb64dc5190ce16 Mon Sep 17 00:00:00 2001 From: jingwenlong Date: Tue, 14 Sep 2021 23:12:16 +0800 Subject: [PATCH 04/15] =?UTF-8?q?feat:=20=E5=9E=83=E5=9C=BE=E5=9B=9E?= =?UTF-8?q?=E6=94=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 49 +++++++++++++++++++++++++------------------------ 1 file changed, 25 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 4c6c74c..db6c195 100644 --- a/README.md +++ b/README.md @@ -28,29 +28,30 @@ ## 目录 -- [这是什么？](#这是什么) -- [如何使用](#如何使用) -- [目录](#目录) -- [学习路径](#学习路径) -- [前端核心知识点](#前端核心知识点) -- [JS](#js) - - [数据类型](#数据类型) - - [类型判断](#类型判断) - - [类型转换](#类型转换) - - [this](#this) - - [闭包](#闭包) - - [作用域](#作用域) - - [new](#new) - - [事件循环](#事件循环) - - [垃圾回收](#垃圾回收) -- [跨端框架](#跨端框架) -- [微前端](#微前端) -- [十五万字面试资料](#十五万字面试资料) -- [前端工程化文章](#前端工程化文章) -- [React 原理](#react-原理) -- [前端进阶文章](#前端进阶文章) -- [更多文章](#更多文章) -- [个人信息](#个人信息) +- [Fucking Frontend](#fucking-frontend) + - [这是什么？](#这是什么) + - [如何使用](#如何使用) + - [目录](#目录) + - [学习路径](#学习路径) + - [前端核心知识点](#前端核心知识点) + - [JS](#js) + - [数据类型](#数据类型) + - [类型判断](#类型判断) + - [类型转换](#类型转换) + - [this](#this) + - [闭包](#闭包) + - [作用域](#作用域) + - [new](#new) + - [事件循环](#事件循环) + - [垃圾回收](#垃圾回收) + - [跨端框架](#跨端框架) + - [微前端](#微前端) + - [十五万字面试资料](#十五万字面试资料) + - [前端工程化文章](#前端工程化文章) + - [React 原理](#react-原理) + - [前端进阶文章](#前端进阶文章) + - [更多文章](#更多文章) + - [个人信息](#个人信息) ## 学习路径 @@ -176,7 +177,7 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动 - [ ] [内存管理 & 垃圾回收](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management) - [ ] 推荐文章 - [ ] [GC in v8](https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md) - - [ ] [V8 引擎垃圾回收与内存分配](https://juejin.cn/post/6909239354418266119) + - [ ] [深入理解Chrome V8垃圾回收机制](https://github.com/yacan8/blog/issues/33) - [ ] [JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)，另有[中文版](https://juejin.cn/post/6844903519078580238) From c2e9a828c7f20a8fdbf45d4ec5fd539b78257a3b Mon Sep 17 00:00:00 2001 From: zhanghao Date: Wed, 15 Sep 2021 00:04:03 +0800 Subject: [PATCH 05/15] =?UTF-8?q?feat:=20=E8=8A=82=E6=B5=81=E4=B8=8E?= =?UTF-8?q?=E9=98=B2=E6=8A=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/README.md b/README.md index 57cb80a..152f895 100644 --- a/README.md +++ b/README.md @@ -188,6 +188,17 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [JavaScript 中的继承](https://medium.com/@happymishra66/inheritance-in-javascript-21d2b82ffa6f)，需自备梯子 - [ ] [JS 类继承](https://javascript.info/class-inheritance)，另有 [中文翻译版](https://zh.javascript.info/class-inheritance) +### 节流与防抖 + +节流指连续触发事件的情况下，在某个时间段内，函数只会执行一次。 +防抖指在事件被触发后一定时间后再执行回调函数，如果在一定时间内，该事件又被重复触发，则重启计时。 + +- [ ] 推荐文章 + - [ ] [函数防抖与函数节流](https://zhuanlan.zhihu.com/p/38313717) + - [ ] [浅谈 JS 防抖和节流](https://segmentfault.com/a/1190000018428170) + - [ ] [Debounce – How to Delay a Function in JavaScript](https://www.freecodecamp.org/news/javascript-debounce-example/)，需自备梯子 + - [ ] [Debouncing and Throttling in JavaScript](https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript)，需自备梯子 + ## 跨端框架 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 From 9716c3e83d9f0f428d1713c3bb1b6ac5843ae19d Mon Sep 17 00:00:00 2001 From: yck Date: Wed, 15 Sep 2021 08:02:53 +0800 Subject: [PATCH 06/15] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d61f392..53933a6 100644 --- a/README.md +++ b/README.md @@ -211,8 +211,8 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动 - [ ] 文档 - [ ] [内存管理 & 垃圾回收](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management) - [ ] 推荐文章 + - [ ] [深入理解Chrome V8垃圾回收机制](https://github.com/yacan8/blog/issues/33)，该文章的参考文献也可阅读下 - [ ] [GC in v8](https://github.com/lrlna/sketchin/blob/master/guides/garbage-collection-in-v8.md) - - [ ] [深入理解Chrome V8垃圾回收机制](https://github.com/yacan8/blog/issues/33) - [ ] [JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏](https://blog.sessionstack.com/how-javascript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec)，另有[中文版](https://juejin.cn/post/6844903519078580238) From c126ad916190c00ba7edab2a426282eb4d2338ba Mon Sep 17 00:00:00 2001 From: KieSun Date: Wed, 15 Sep 2021 00:03:22 +0000 Subject: [PATCH 07/15] Commit from GitHub Actions (markdown-autodocs) --- README.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 53933a6..0cac182 100644 --- a/README.md +++ b/README.md @@ -211,10 +211,9 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动 - [ ] 文档 - [ ] [内存管理 & 垃圾回收](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management) - [ ] 推荐文章 - - [ ] [深入理解Chrome V8垃圾回收机制](https://github.com/yacan8/blog/issues/33)，该文章的参考文献也可阅读下 + - [ ] [深入理解 Chrome V8 垃圾回收机制](https://github.com/yacan8/blog/issues/33)，该文章的参考文献也可阅读下 - [ ] [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) ## 跨端框架 From a4c0b81ad413301bc54df822e9e55b50feb9e10e Mon Sep 17 00:00:00 2001 From: xuwu Date: Wed, 15 Sep 2021 08:12:30 +0800 Subject: [PATCH 08/15] feat: update toc --- README.md | 47 +++++++++++++++++++++++------------------------ 1 file changed, 23 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 0cac182..950ffaf 100644 --- a/README.md +++ b/README.md @@ -28,30 +28,29 @@ ## 目录 -- [Fucking Frontend](#fucking-frontend) - - [这是什么？](#这是什么) - - [如何使用](#如何使用) - - [目录](#目录) - - [学习路径](#学习路径) - - [前端核心知识点](#前端核心知识点) - - [JS](#js) - - [数据类型](#数据类型) - - [类型判断](#类型判断) - - [类型转换](#类型转换) - - [this](#this) - - [闭包](#闭包) - - [作用域](#作用域) - - [new](#new) - - [事件循环](#事件循环) - - [垃圾回收](#垃圾回收) - - [跨端框架](#跨端框架) - - [微前端](#微前端) - - [十五万字面试资料](#十五万字面试资料) - - [前端工程化文章](#前端工程化文章) - - [React 原理](#react-原理) - - [前端进阶文章](#前端进阶文章) - - [更多文章](#更多文章) - - [个人信息](#个人信息) +- [学习路径](#学习路径) +- [前端核心知识点](#前端核心知识点) +- [JS](#js) + - [数据类型](#数据类型) + - [类型判断](#类型判断) + - [类型转换](#类型转换) + - [this](#this) + - [闭包](#闭包) + - [作用域](#作用域) + - [new](#new) + - [变量提升](#变量提升) + - [Class(类)](#class类) + - [事件循环](#事件循环) + - [继承](#继承) + - [垃圾回收](#垃圾回收) +- [跨端框架](#跨端框架) +- [微前端](#微前端) +- [十五万字面试资料](#十五万字面试资料) +- [前端工程化文章](#前端工程化文章) +- [React 原理](#react-原理) +- [前端进阶文章](#前端进阶文章) +- [更多文章](#更多文章) +- [个人信息](#个人信息) ## 学习路径 From 02fad10950d33b98ee9aa1b2d3c90e2243475e90 Mon Sep 17 00:00:00 2001 From: liuc Date: Wed, 15 Sep 2021 10:51:18 +0800 Subject: [PATCH 09/15] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0react=E5=90=88?= =?UTF-8?q?=E6=88=90=E4=BA=8B=E4=BB=B6=E6=8E=A8=E8=8D=90=E6=96=87=E7=AB=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 874a804..527ec20 100644 --- a/README.md +++ b/README.md @@ -184,13 +184,13 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 - [ ] 文档 - - [ ] [React官方文档-英文](https://reactjs.org/docs/events.html) - - [ ] [React官方文档-中文](https://zh-hans.reactjs.org/docs/events.html) + - [ ] [React官方文档](https://reactjs.org/docs/events.html) - [ ] 推荐文章 - - [ ] [【React深入】React事件机制](https://mp.weixin.qq.com/s?__biz=Mzg2NDAzMjE5NQ==&mid=2247484039&idx=1&sn=1f657356676d4809633f30668acb50d2&chksm=ce6ec62bf9194f3d8a4eb382bd01c56231908a1b08fb9c2c9783f96df6650ee808fe18343032&scene=178&cur_album_id=1403155327595495424#rd) - - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) - - [ ] [深入学习 React 合成事件](https://mp.weixin.qq.com/s/7Y70ozwJHBXON11fBCD9Og) - - [ ] [React源码分析6 — React合成事件系统](https://zhuanlan.zhihu.com/p/25883536) + - [ ] [浅谈React17事件机制](https://juejin.cn/post/6971242638716436487) + - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) + - [ ] [React17 事件系统 更改 & 16 之前事件系统介绍](https://juejin.cn/post/6964257086859378724) + - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294) + - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html) ## 跨端框架 From 7c8eeda98de317a1223f7f6aea361b7ba32d392a Mon Sep 17 00:00:00 2001 From: zhanghao Date: Wed, 15 Sep 2021 10:54:36 +0800 Subject: [PATCH 10/15] =?UTF-8?q?feat:=20=E8=8A=82=E6=B5=81=E4=B8=8E?= =?UTF-8?q?=E9=98=B2=E6=8A=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 152f895..c70d912 100644 --- a/README.md +++ b/README.md @@ -196,8 +196,8 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 推荐文章 - [ ] [函数防抖与函数节流](https://zhuanlan.zhihu.com/p/38313717) - [ ] [浅谈 JS 防抖和节流](https://segmentfault.com/a/1190000018428170) - - [ ] [Debounce – How to Delay a Function in JavaScript](https://www.freecodecamp.org/news/javascript-debounce-example/)，需自备梯子 - - [ ] [Debouncing and Throttling in JavaScript](https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript)，需自备梯子 + - [ ] [Debounce – How to Delay a Function in JavaScript](https://www.freecodecamp.org/news/javascript-debounce-example) + - [ ] [Debouncing and Throttling in JavaScript](https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript) ## 跨端框架 From fc979c167cb10609779a538e2d31af3b330b0556 Mon Sep 17 00:00:00 2001 From: m-yangyu <2388560359@qq.com> Date: Wed, 15 Sep 2021 14:04:29 +0800 Subject: [PATCH 11/15] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=BB=84?= =?UTF-8?q?=E4=BB=B6=E5=BA=93=E7=9F=A5=E8=AF=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 74 ++++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 51 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index 950ffaf..e7178a1 100644 --- a/README.md +++ b/README.md @@ -28,29 +28,34 @@ ## 目录 -- [学习路径](#学习路径) -- [前端核心知识点](#前端核心知识点) -- [JS](#js) - - [数据类型](#数据类型) - - [类型判断](#类型判断) - - [类型转换](#类型转换) - - [this](#this) - - [闭包](#闭包) - - [作用域](#作用域) - - [new](#new) - - [变量提升](#变量提升) - - [Class(类)](#class类) - - [事件循环](#事件循环) - - [继承](#继承) - - [垃圾回收](#垃圾回收) -- [跨端框架](#跨端框架) -- [微前端](#微前端) -- [十五万字面试资料](#十五万字面试资料) -- [前端工程化文章](#前端工程化文章) -- [React 原理](#react-原理) -- [前端进阶文章](#前端进阶文章) -- [更多文章](#更多文章) -- [个人信息](#个人信息) +- [Fucking Frontend](#fucking-frontend) + - [这是什么？](#这是什么) + - [如何使用](#如何使用) + - [目录](#目录) + - [学习路径](#学习路径) + - [前端核心知识点](#前端核心知识点) + - [JS](#js) + - [数据类型](#数据类型) + - [类型判断](#类型判断) + - [类型转换](#类型转换) + - [this](#this) + - [闭包](#闭包) + - [作用域](#作用域) + - [new](#new) + - [变量提升](#变量提升) + - [Class(类)](#class类) + - [事件循环](#事件循环) + - [继承](#继承) + - [垃圾回收](#垃圾回收) + - [组件库](#组件库) + - [跨端框架](#跨端框架) + - [微前端](#微前端) + - [十五万字面试资料](#十五万字面试资料) + - [前端工程化文章](#前端工程化文章) + - [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) + ## 跨端框架 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 From 2d9c56203f4d6836b7de1d55ebf119ce3d9d564e Mon Sep 17 00:00:00 2001 From: yck Date: Wed, 15 Sep 2021 14:13:06 +0800 Subject: [PATCH 12/15] Update README.md --- README.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 527ec20..dc9ee10 100644 --- a/README.md +++ b/README.md @@ -181,15 +181,14 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ### 合成事件 -React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。这是一个稍微冷门的知识点，但很考验我们是否扎实的掌握了浏览器的事件机制。掌握这个知识点，可以给人眼前一亮的感觉。 +合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。需要注意的是 v16 和 17 版本中的合成事件有差异。 - [ ] 文档 - [ ] [React官方文档](https://reactjs.org/docs/events.html) - [ ] 推荐文章 - - [ ] [浅谈React17事件机制](https://juejin.cn/post/6971242638716436487) - - [ ] [深入React合成事件机制原理](https://segmentfault.com/a/1190000039108951) - - [ ] [React17 事件系统 更改 & 16 之前事件系统介绍](https://juejin.cn/post/6964257086859378724) - - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294) + - [ ] [探索 React 合成事件](https://segmentfault.com/a/1190000038251163) + - [ ] [大佬，怎么办？升级React17，Toast组件不能用了](https://zhuanlan.zhihu.com/p/380941094) + - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294)，需自备梯子 - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html) ## 跨端框架 From 842f2c72f7def0bf77659b120996480975de4bdc Mon Sep 17 00:00:00 2001 From: KieSun Date: Wed, 15 Sep 2021 06:14:07 +0000 Subject: [PATCH 13/15] Commit from GitHub Actions (markdown-autodocs) --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 0e4e13e..9d08791 100644 --- a/README.md +++ b/README.md @@ -202,7 +202,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [JavaScript 深入之继承的多种方式和优缺点](https://github.com/mqyqingfeng/Blog/issues/16) - [ ] [JavaScript 中的继承](https://medium.com/@happymishra66/inheritance-in-javascript-21d2b82ffa6f)，需自备梯子 - [ ] [JS 类继承](https://javascript.info/class-inheritance)，另有 [中文翻译版](https://zh.javascript.info/class-inheritance) - + ### 垃圾回收 JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动释放内存，这个过程被称为垃圾回收。另外我们主要学习 V8 引擎下的垃圾回收机制。 @@ -218,13 +218,13 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动 ### 合成事件 -合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。React 根据 [W3C规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。需要注意的是 v16 和 17 版本中的合成事件有差异。 +合成事件（SyntheticEvent）是 React 模拟原生 DOM 事件所有能力的一个事件对象，即浏览器原生事件的跨浏览器包装器。React 根据 [W3C 规范](https://www.w3.org/TR/DOM-Level-3-Events/) 定义了合成事件。需要注意的是 v16 和 17 版本中的合成事件有差异。 - [ ] 文档 - - [ ] [React官方文档](https://reactjs.org/docs/events.html) + - [ ] [React 官方文档](https://reactjs.org/docs/events.html) - [ ] 推荐文章 - [ ] [探索 React 合成事件](https://segmentfault.com/a/1190000038251163) - - [ ] [大佬，怎么办？升级React17，Toast组件不能用了](https://zhuanlan.zhihu.com/p/380941094) + - [ ] [大佬，怎么办？升级 React17，Toast 组件不能用了](https://zhuanlan.zhihu.com/p/380941094) - [ ] [What’s the Difference Between Synthetic React Events and JavaScript Events?](https://betterprogramming.pub/whats-the-difference-between-synthetic-react-events-and-javascript-events-ba7dbc742294)，需自备梯子 - [ ] [React 17 removes event pooling in the modern browsers](https://blog.saeloun.com/2021/04/06/react-17-removes-event-pooling-in-modern-system.html) From 6ea4a608f6db93b4a38158013789af8f08f0f054 Mon Sep 17 00:00:00 2001 From: KieSun Date: Wed, 15 Sep 2021 06:15:34 +0000 Subject: [PATCH 14/15] Commit from GitHub Actions (markdown-autodocs) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 07967e5..c4dff3c 100644 --- a/README.md +++ b/README.md @@ -213,7 +213,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [浅谈 JS 防抖和节流](https://segmentfault.com/a/1190000018428170) - [ ] [Debounce – How to Delay a Function in JavaScript](https://www.freecodecamp.org/news/javascript-debounce-example) - [ ] [Debouncing and Throttling in JavaScript](https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript) - + ### 垃圾回收 JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动释放内存，这个过程被称为垃圾回收。另外我们主要学习 V8 引擎下的垃圾回收机制。 From 15f8bec3ceebeb6e10648a5464a05e52bfb62cec Mon Sep 17 00:00:00 2001 From: KieSun Date: Wed, 15 Sep 2021 06:19:06 +0000 Subject: [PATCH 15/15] Commit from GitHub Actions (markdown-autodocs) --- README.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index c889aa5..a566ede 100644 --- a/README.md +++ b/README.md @@ -230,7 +230,6 @@ 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) - ## React ### 合成事件 @@ -276,9 +275,9 @@ JavaScrip 在变量被创建时分配内存，并在对象不再使用时自动 推荐文章： - [从 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) +- [如何规范你的 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) ## 微前端