From b17725e018b8804a777b0ed2fee52dc291709326 Mon Sep 17 00:00:00 2001 From: jingwenlong Date: Tue, 14 Sep 2021 21:53:56 +0800 Subject: [PATCH 01/10] =?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/10] 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/10] =?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/10] =?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 9716c3e83d9f0f428d1713c3bb1b6ac5843ae19d Mon Sep 17 00:00:00 2001 From: yck Date: Wed, 15 Sep 2021 08:02:53 +0800 Subject: [PATCH 05/10] 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 06/10] 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 07/10] 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 08/10] =?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 2d9c56203f4d6836b7de1d55ebf119ce3d9d564e Mon Sep 17 00:00:00 2001 From: yck Date: Wed, 15 Sep 2021 14:13:06 +0800 Subject: [PATCH 09/10] 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 10/10] 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)