From c1614c029e0bc8496540f365dfe861974c7ca87c Mon Sep 17 00:00:00 2001 From: w3liangxn Date: Mon, 13 Sep 2021 22:43:26 +0800 Subject: [PATCH 1/4] =?UTF-8?q?javascript=20=E4=BA=8B=E4=BB=B6=E5=BE=AA?= =?UTF-8?q?=E7=8E=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index e35fe96..f988343 100644 --- a/README.md +++ b/README.md @@ -82,7 +82,17 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [双等判断](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Equality) - [ ] 推荐文章 - [ ] [You Don't Know JS 书中关于类型转换的一章节](https://github.com/weiqinl/You-Dont-Know-JS-CN/blob/master/types%20%26%20grammar/ch4.md) - + +### 事件循环 + +我们都知道，javascript是一门单线程的非阻塞的脚本语言。也就意味着，代码在执行的任何时候，只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习javascript至关重要。 + +- [ ] 文档 + - [ ] [事件循环](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop) +- [ ] 推荐文章 + - [ ] [这一次，彻底弄懂 JavaScript 执行机制](https://juejin.cn/post/6844903512845860872) + - [ ] [JavaScript中的Event Loop（事件循环）机制](https://segmentfault.com/a/1190000022805523) + ## 十五万字面试资料 [在线阅读](https://yuchengkai.cn/home/) From 8c1862a143d2bdadefed2e8e78813f24c0981558 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 10:56:14 +0800 Subject: [PATCH 2/4] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 438b068..cb9cad0 100644 --- a/README.md +++ b/README.md @@ -115,9 +115,9 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 -目前看来，国内比较流行的是`小程序, H5, app`三端跨的框架， uniapp跟taro是其中做的比较出彩的两个框架，当然在taro3.0之前（以下主要是说小程序），taro跟uniapp都是使用编译时做更多的事情，编译成小程序能够运行的代码 +目前看来，国内比较流行的是小程序, H5, App 三端跨的框架， [uniapp](https://github.com/dcloudio/uni-app) 及 [taro](https://github.com/NervJS/taro) 是其中做的比较出彩的两个框架。当然在 taro3.0 之前（以下主要是说小程序），taro 跟 uniapp 都是使用编译时做更多的事情，编译成小程序能够运行的代码。 -而在taro3.0之后，与remax的相同的思想，在运行时做更多的事情，保证了原框架代码能够完全使用，而不需要为了转换成其他小程序时做兼容 +而在 taro3.0 之后变成了与 [remax](https://github.com/remaxjs/remax) 相同的思想，在运行时做更多的事情，保证了原框架代码能够完全使用，而不需要为了转换成其他小程序时做兼容。 - [ ] [awesome-remax](https://github.com/remaxjs/awesome-remax) - [ ] [美团自研react跨端](https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html) From 9cae6ec9fd2ea640be09b94d233e3fec842890b5 Mon Sep 17 00:00:00 2001 From: w3liangxn Date: Tue, 14 Sep 2021 12:01:57 +0800 Subject: [PATCH 3/4] update javascript event loop --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f988343..eb99813 100644 --- a/README.md +++ b/README.md @@ -91,7 +91,10 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [事件循环](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop) - [ ] 推荐文章 - [ ] [这一次，彻底弄懂 JavaScript 执行机制](https://juejin.cn/post/6844903512845860872) - - [ ] [JavaScript中的Event Loop（事件循环）机制](https://segmentfault.com/a/1190000022805523) + - [ ] [一次弄懂Event Loop](https://juejin.cn/post/6844903764202094606) + - [ ] [JavaScript 的工作原理](https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5) +- [ ] 相关工具 + - [ ] [Loupe](http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D) ## 十五万字面试资料 From 6be91f16dd3c1c77086e1ded6127216250db50d5 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 14:03:53 +0800 Subject: [PATCH 4/4] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index eb99813..fd787b3 100644 --- a/README.md +++ b/README.md @@ -85,15 +85,15 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ### 事件循环 -我们都知道，javascript是一门单线程的非阻塞的脚本语言。也就意味着，代码在执行的任何时候，只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习javascript至关重要。 +大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。 - [ ] 文档 - - [ ] [事件循环](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop) + - [ ] [事件循环](https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop) - [ ] 推荐文章 - [ ] [这一次，彻底弄懂 JavaScript 执行机制](https://juejin.cn/post/6844903512845860872) - [ ] [一次弄懂Event Loop](https://juejin.cn/post/6844903764202094606) - - [ ] [JavaScript 的工作原理](https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5) -- [ ] 相关工具 + - [ ] [JavaScript 的工作原理](https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5)，需自备梯子，另有 [中文翻译版](https://github.com/Troland/how-javascript-works/blob/master/event-loop.md)。 +- [ ] 事件循环可视化 - [ ] [Loupe](http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D) ## 十五万字面试资料