From 6b32adfac8aed4846c8e2b6ac20cd601a03c6048 Mon Sep 17 00:00:00 2001 From: KieSun Date: Tue, 14 Sep 2021 14:07:13 +0000 Subject: [PATCH 1/9] 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 dfabf22..e4cfdc1 100644 --- a/README.md +++ b/README.md @@ -146,7 +146,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [Babel 是如何编译 Class 上](https://github.com/mqyqingfeng/Blog/issues/105) - [ ] [Babel 是如何编译 Class 下](https://github.com/mqyqingfeng/Blog/issues/106) - [ ] [给 ES6 class 说句公道话](https://juejin.cn/post/6924108426125508616) - - [ ] [应该在JavaScript中使用Class吗？](https://zhuanlan.zhihu.com/p/158956514) + - [ ] [应该在 JavaScript 中使用 Class 吗？](https://zhuanlan.zhihu.com/p/158956514) ### 事件循环 From 1163ef68ab35e7acc706035a3a977255fa7f91ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=B3=BD=E6=9D=B0?= Date: Mon, 20 Sep 2021 22:19:14 +0800 Subject: [PATCH 2/9] =?UTF-8?q?react=E9=9D=A2=E8=AF=95=E7=9B=B8=E5=85=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 12f52b0..004e203 100644 --- a/README.md +++ b/README.md @@ -548,7 +548,7 @@ Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建 - [如何做前端异常监控？](https://www.zhihu.com/question/29953354) ## 面试 - + - [React面试相关问题](https://dev.to/sakhnyuk/300-react-interview-questions-2ko4#what-is-virtual-dom)，需自备梯子 ## 日常充电 ## Github 优秀学习资料 From 99b305e784386afbd6d6a647bfca14dc38228eca Mon Sep 17 00:00:00 2001 From: zejieZhang Date: Mon, 20 Sep 2021 14:19:38 +0000 Subject: [PATCH 3/9] Commit from GitHub Actions (markdown-autodocs) --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 004e203..c8210c8 100644 --- a/README.md +++ b/README.md @@ -548,7 +548,9 @@ Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建 - [如何做前端异常监控？](https://www.zhihu.com/question/29953354) ## 面试 - - [React面试相关问题](https://dev.to/sakhnyuk/300-react-interview-questions-2ko4#what-is-virtual-dom)，需自备梯子 + +- [React 面试相关问题](https://dev.to/sakhnyuk/300-react-interview-questions-2ko4#what-is-virtual-dom)，需自备梯子 + ## 日常充电 ## Github 优秀学习资料 From 358b33f9e636eb0b7f545337633955c0e231ec2f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=B3=BD=E6=9D=B0?= Date: Wed, 22 Sep 2021 22:45:32 +0800 Subject: [PATCH 4/9] Virtual Dom --- README.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/README.md b/README.md index e710767..aa69cab 100644 --- a/README.md +++ b/README.md @@ -412,6 +412,17 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose) - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557) +### React 虚拟DOM + +virtul DOM 也就是虚拟节点。通过JS的Object对象模拟DOM中的真实节点对象，再通过特定的render方法将其渲染成真实的DOM节点。 +- [ ] 文档 + - [ ] [React 官方文档](https://reactjs.org/docs/faq-internals.html) +- [ ] 推荐文章 + - [ ] [ Virtual Dom 和 Diff 算法在 React 中是如何工作的？](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e)，需自备梯子 + - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) + - [ ] [ React 背后的算法(原文)](https://www.velotio.com/engineering-blog/react-fiber-algorithm) + - [ ] [ React 背后的算法(译文)](https://github.com/NieZhuZhu/Blog/issues/13) + - [ ] [ React fiber架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 ### 原理 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码 From d1e42713f8e8c2223c505fb83cb35d57adc4fe35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=B3=BD=E6=9D=B0?= Date: Wed, 22 Sep 2021 22:49:13 +0800 Subject: [PATCH 5/9] revert --- README.md | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/README.md b/README.md index aa69cab..ac21e70 100644 --- a/README.md +++ b/README.md @@ -412,17 +412,6 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose) - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557) -### React 虚拟DOM - -virtul DOM 也就是虚拟节点。通过JS的Object对象模拟DOM中的真实节点对象，再通过特定的render方法将其渲染成真实的DOM节点。 -- [ ] 文档 - - [ ] [React 官方文档](https://reactjs.org/docs/faq-internals.html) -- [ ] 推荐文章 - - [ ] [ Virtual Dom 和 Diff 算法在 React 中是如何工作的？](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e)，需自备梯子 - - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) - - [ ] [ React 背后的算法(原文)](https://www.velotio.com/engineering-blog/react-fiber-algorithm) - - [ ] [ React 背后的算法(译文)](https://github.com/NieZhuZhu/Blog/issues/13) - - [ ] [ React fiber架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 ### 原理 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码 @@ -575,7 +564,6 @@ Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建 ## 面试 -- [React 面试相关问题](https://dev.to/sakhnyuk/300-react-interview-questions-2ko4#what-is-virtual-dom)，需自备梯子 ## 日常充电 From 4e82c02cc66a02f38f3176a7186ff7b563632b43 Mon Sep 17 00:00:00 2001 From: zejieZhang Date: Wed, 22 Sep 2021 14:49:48 +0000 Subject: [PATCH 6/9] Commit from GitHub Actions (markdown-autodocs) --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index ac21e70..fe26e37 100644 --- a/README.md +++ b/README.md @@ -564,7 +564,6 @@ Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建 ## 面试 - ## 日常充电 ## Github 优秀学习资料 From a156d381cdb78b1f0d35424903d622f650ca275d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BC=A0=E6=B3=BD=E6=9D=B0?= Date: Wed, 22 Sep 2021 22:49:49 +0800 Subject: [PATCH 7/9] Virtual Dom --- README.md | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/README.md b/README.md index ac21e70..4d57c06 100644 --- a/README.md +++ b/README.md @@ -412,6 +412,17 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose) - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557) +### React 虚拟DOM + +virtul DOM 也就是虚拟节点。通过JS的Object对象模拟DOM中的真实节点对象，再通过特定的render方法将其渲染成真实的DOM节点。 +- [ ] 文档 + - [ ] [React 官方文档](https://reactjs.org/docs/faq-internals.html) +- [ ] 推荐文章 + - [ ] [ Virtual Dom 和 Diff 算法在 React 中是如何工作的？](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e)，需自备梯子 + - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) + - [ ] [ React 背后的算法(原文)](https://www.velotio.com/engineering-blog/react-fiber-algorithm) + - [ ] [ React 背后的算法(译文)](https://github.com/NieZhuZhu/Blog/issues/13) + - [ ] [ React fiber架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 ### 原理 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码 From c7c8b2c97cb21bd20d84015214a70d41ee0ec739 Mon Sep 17 00:00:00 2001 From: zejieZhang Date: Wed, 22 Sep 2021 14:50:38 +0000 Subject: [PATCH 8/9] Commit from GitHub Actions (markdown-autodocs) --- README.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 976a930..a8a4874 100644 --- a/README.md +++ b/README.md @@ -412,9 +412,10 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose) - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557) -### React 虚拟DOM +### React 虚拟 DOM + +virtul DOM 也就是虚拟节点。通过 JS 的 Object 对象模拟 DOM 中的真实节点对象，再通过特定的 render 方法将其渲染成真实的 DOM 节点。 -virtul DOM 也就是虚拟节点。通过JS的Object对象模拟DOM中的真实节点对象，再通过特定的render方法将其渲染成真实的DOM节点。 - [ ] 文档 - [ ] [React 官方文档](https://reactjs.org/docs/faq-internals.html) - [ ] 推荐文章 @@ -422,7 +423,8 @@ virtul DOM 也就是虚拟节点。通过JS的Object对象模拟DOM中的真实 - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) - [ ] [ React 背后的算法(原文)](https://www.velotio.com/engineering-blog/react-fiber-algorithm) - [ ] [ React 背后的算法(译文)](https://github.com/NieZhuZhu/Blog/issues/13) - - [ ] [ React fiber架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 + - [ ] [ React fiber 架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 + ### 原理 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码 From 6ca21b8d1cccf46b357c1628269ebf97c3e14e4d Mon Sep 17 00:00:00 2001 From: yck Date: Thu, 23 Sep 2021 10:24:32 +0800 Subject: [PATCH 9/9] Update README.md --- README.md | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index a8a4874..4dd7e4b 100644 --- a/README.md +++ b/README.md @@ -364,6 +364,18 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [A Complete Guide to Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) - [ ] [最强大的 CSS 布局 —— Grid 布局](https://juejin.cn/post/6854573220306255880) +## 框架 + +### 虚拟 DOM + +virtul DOM 也就是虚拟节点。通过 JS 的 Object 对象模拟 DOM 中的真实节点对象，再通过特定的 render 方法将其渲染成真实的 DOM 节点。 + +- [ ] 文档 + - [ ] [React 官网介绍](https://reactjs.org/docs/faq-internals.html) +- [ ] 推荐文章 + - [ ] [ Virtual Dom 和 Diff 算法在 React 中是如何工作的？](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e)，需自备梯子 + - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) + ## React ### 合成事件 @@ -412,19 +424,6 @@ CSS 选择器是 CSS 规则的第一部分。它是元素和其他部分组合 - [ ] [hoc 库 recompose](https://github.com/acdlite/recompose) - [ ] [精读 React 高阶组件](https://zhuanlan.zhihu.com/p/27434557) -### React 虚拟 DOM - -virtul DOM 也就是虚拟节点。通过 JS 的 Object 对象模拟 DOM 中的真实节点对象，再通过特定的 render 方法将其渲染成真实的 DOM 节点。 - -- [ ] 文档 - - [ ] [React 官方文档](https://reactjs.org/docs/faq-internals.html) -- [ ] 推荐文章 - - [ ] [ Virtual Dom 和 Diff 算法在 React 中是如何工作的？](https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e)，需自备梯子 - - [ ] [ React 核心知识点 -- Virtual Dom 与 Diff ](https://github.com/pfan123/Articles/issues/62) - - [ ] [ React 背后的算法(原文)](https://www.velotio.com/engineering-blog/react-fiber-algorithm) - - [ ] [ React 背后的算法(译文)](https://github.com/NieZhuZhu/Blog/issues/13) - - [ ] [ React fiber 架构及源码 ](https://medium.com/react-in-depth/inside-fiber-in-depth-overview-of-the-new-reconciliation-algorithm-in-react-e1c04700ef6e)，需自备梯子 - ### 原理 - [react-source-code-debug](https://github.com/neroneroffy/react-source-code-debug)，学习如何调试源码