From 0f1ecbd7a93b32c8fecf12cb17c7fc8689948daf Mon Sep 17 00:00:00 2001 From: xuwu Date: Mon, 13 Sep 2021 22:26:48 +0800 Subject: [PATCH 01/24] =?UTF-8?q?feat:=20=E7=B1=BB=E5=9E=8B=E8=BD=AC?= =?UTF-8?q?=E6=8D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index e35fe96..5d3adcd 100644 --- a/README.md +++ b/README.md @@ -79,9 +79,14 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 类型转换算是 JS 中情况繁杂且容易出错，但是开发中还经常会遇到的知识点。强行全部记忆容易遗忘，推荐记忆及练习开发中的常见情况。 - [ ] 文档 + - [ ] [ES 标准](https://tc39.es/ecma262/#sec-abstract-operations) + - 标准并不好读，如果读者英文水平欠佳，可以只阅读该小节内的表格内容。 - [ ] [双等判断](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) + - [ ] [几种基本类型简单的类型转换](https://zh.javascript.info/type-conversions) + - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) + - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) ## 十五万字面试资料 From b1bc22fbbd1eea4c6144197875bb4f98d6904015 Mon Sep 17 00:00:00 2001 From: xuwu Date: Mon, 13 Sep 2021 22:41:44 +0800 Subject: [PATCH 02/24] feat: this --- README.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5d3adcd..c256cfd 100644 --- a/README.md +++ b/README.md @@ -87,7 +87,22 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [几种基本类型简单的类型转换](https://zh.javascript.info/type-conversions) - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) - + +> 务必自己总结规则！ + +### this + +`this` 算是不少初学者容易搞混的一个知识点，但是它很重要，务必掌握。 + +- [ ] 文档 + - [ ] [this](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this) +- [ ] 推荐文章 + - [ ] [You Don't Know JS 书中关于 this 的第一章节](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch1.md) + - [ ] [You Don't Know JS 书中关于 this 的第二章节](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch2.md) + - [ ] [深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )](https://segmentfault.com/a/1190000011194676) + +> 务必自己总结规则！ + ## 十五万字面试资料 [在线阅读](https://yuchengkai.cn/home/) From c1614c029e0bc8496540f365dfe861974c7ca87c Mon Sep 17 00:00:00 2001 From: w3liangxn Date: Mon, 13 Sep 2021 22:43:26 +0800 Subject: [PATCH 03/24] =?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 17eb6fad6302e41ca08c13c38325ee8ff66c561a Mon Sep 17 00:00:00 2001 From: unknown <2388560359@qq.com> Date: Mon, 13 Sep 2021 23:30:47 +0800 Subject: [PATCH 04/24] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=B7=A8?= =?UTF-8?q?=E7=AB=AF=E7=9A=84=E7=9B=B8=E5=85=B3=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/README.md b/README.md index a61378c..eb8c7af 100644 --- a/README.md +++ b/README.md @@ -57,6 +57,19 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 文档： - [ ] [JavaScript 数据类型和数据结构](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures) + +## 跨端框架 + +跨端的最主要的含义就是一套代码多端运行，减少重复劳动 + +目前看来，国内比较流行的是`小程序, H5, app`三端跨的框架， uniapp跟taro是其中做的比较出彩的两个框架，当然在taro3.0之前（以下主要是说小程序），taro跟uniapp都是使用编译时做更多的事情，编译成小程序能够运行的代码 + +而在taro3.0之后，与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) +- [ ] [京东taro](https://juejin.cn/post/6844904036743774216) + ## 十五万字面试资料 [在线阅读](https://yuchengkai.cn/home/) From cf98de2417edf402e6f0e1d76660686b29637e2d Mon Sep 17 00:00:00 2001 From: xuwu Date: Tue, 14 Sep 2021 09:11:34 +0800 Subject: [PATCH 05/24] =?UTF-8?q?feat:=20=E9=97=AD=E5=8C=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/README.md b/README.md index c256cfd..07b0509 100644 --- a/README.md +++ b/README.md @@ -103,6 +103,15 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 > 务必自己总结规则！ +### 闭包 + +- [ ] 文档 + - [ ] [闭包](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures) +- [ ] 推荐文章 + - [ ] [You Don't Know JS 第二版中对于闭包的解释](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/scope-closures/ch7.md)，该版本暂无中文翻译，读者可用 [DeepL](https://www.deepl.com/translator) 进行翻译。 + - [ ] [JavaScript 的静态作用域链与“动态”闭包链](https://juejin.cn/post/6957913856488243237) + - [ ] [知乎中关于闭包的讨论](https://www.zhihu.com/question/34210214) + ## 十五万字面试资料 [在线阅读](https://yuchengkai.cn/home/) From 21a0c7be28ea95536552d21da1a72b57bb956763 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=BC=BA?= Date: Tue, 14 Sep 2021 10:33:00 +0800 Subject: [PATCH 06/24] =?UTF-8?q?feat:=E4=BD=9C=E7=94=A8=E5=9F=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5d3adcd..cdbeb37 100644 --- a/README.md +++ b/README.md @@ -87,7 +87,21 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [几种基本类型简单的类型转换](https://zh.javascript.info/type-conversions) - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) - + +### 作用域 + +作用域是指程序中定义变量的区域，他决定了变量的生命周期，也就是变量和函数可访问的范围。 + +- [ ] 文档 + - [ ] [作用域](https://developer.mozilla.org/zh-CN/docs/Glossary/Scope) + - [ ] [块作用域](https://developer.mozilla.org/zh-CN/docs/Glossary/Block/Scripting) +- [ ] 推荐文章 + - [ ] [JavaScript 深入之词法作用域和动态作用域](https://github.com/mqyqingfeng/Blog/issues/3) + - [ ] [JavaScript 深入之作用域链](https://github.com/mqyqingfeng/Blog/issues/6) + - [ ] [Variable scope, closure](https://javascript.info/closure) + - [ ] [You Don't Know JS Yet: Scope & Closures](https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures) + - [ ] [The battle between function scope and block scope](https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/) + ## 十五万字面试资料 [在线阅读](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 07/24] 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 64c1790abbb516ed95eef64f4d7f2ba6aea9c2b1 Mon Sep 17 00:00:00 2001 From: ahwgs Date: Tue, 14 Sep 2021 11:11:08 +0800 Subject: [PATCH 08/24] feat: add micro front docs --- README.md | 76 +++++++++++++++++++++++++++++++++++++------------------ 1 file changed, 52 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index 438b068..e477184 100644 --- a/README.md +++ b/README.md @@ -22,6 +22,7 @@ 当然除了前端学习路径，笔者还提供了热门技术原理解析、工程化体系学习、Github 上的优秀资料等内容供大家自行选择，读者们可以挑选感兴趣的内容自行学习。 ## 目录 + - [学习路径](#学习路径) - [前端核心知识点](#前端核心知识点) - [十五万字面试资料](#十五万字面试资料) @@ -45,8 +46,8 @@ 如果你还是一位初学者，推荐先自行完整阅读一至二本书后再按照该计划学习。关于书籍笔者推荐以下两本： -- [JavaScript高级程序设计（第4版）](https://book.douban.com/subject/35175321/) -- [JavaScript忍者秘籍（第2版）](https://book.douban.com/subject/30143702/) +- [JavaScript 高级程序设计（第 4 版）](https://book.douban.com/subject/35175321/) +- [JavaScript 忍者秘籍（第 2 版）](https://book.douban.com/subject/30143702/) ## JS @@ -56,6 +57,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 文档： - [ ] [JavaScript 数据类型和数据结构](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures) + ### 类型判断 类型判断有好几种方式，分别为： @@ -70,8 +72,8 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [instanceof](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof) - [ ] [Object.prototype.toString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/toString#using_tostring_to_detect_object_class) - [ ] 推荐文章，Issue 也挺重要 - - [ ] [JavaScript专题之类型判断(上)](https://github.com/mqyqingfeng/Blog/issues/28) - - [ ] [JavaScript专题之类型判断(下)](https://github.com/mqyqingfeng/Blog/issues/30) + - [ ] [JavaScript 专题之类型判断(上)](https://github.com/mqyqingfeng/Blog/issues/28) + - [ ] [JavaScript 专题之类型判断(下)](https://github.com/mqyqingfeng/Blog/issues/30) ### 类型转换 @@ -99,7 +101,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [You Don't Know JS 书中关于 this 的第一章节](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch1.md) - [ ] [You Don't Know JS 书中关于 this 的第二章节](https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/this%20%26%20object%20prototypes/ch2.md) - [ ] [深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )](https://segmentfault.com/a/1190000011194676) - + > 务必自己总结规则！ ### 闭包 @@ -115,29 +117,56 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 跨端的最主要的含义就是一套代码多端运行，减少重复劳动 -目前看来，国内比较流行的是`小程序, H5, app`三端跨的框架， uniapp跟taro是其中做的比较出彩的两个框架，当然在taro3.0之前（以下主要是说小程序），taro跟uniapp都是使用编译时做更多的事情，编译成小程序能够运行的代码 +目前看来，国内比较流行的是`小程序, H5, app`三端跨的框架， uniapp 跟 taro 是其中做的比较出彩的两个框架，当然在 taro3.0 之前（以下主要是说小程序），taro 跟 uniapp 都是使用编译时做更多的事情，编译成小程序能够运行的代码 -而在taro3.0之后，与remax的相同的思想，在运行时做更多的事情，保证了原框架代码能够完全使用，而不需要为了转换成其他小程序时做兼容 +而在 taro3.0 之后，与 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) -- [ ] [京东taro](https://juejin.cn/post/6844904036743774216) +- [ ] [美团自研 react 跨端](https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html) +- [ ] [京东 taro](https://juejin.cn/post/6844904036743774216) + +## 微前端 + +是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 + +优势： + +- 代码库更小，更内聚、可维护性更高 +- 松耦合、自治的团队可扩展性更好 +- 渐进地升级、更新甚至重写部分前端功能成为了可能 +- 独立开发部署，缩小变更范围，进而降低相关风险 + +推荐文章： + +- [single-spa](https://single-spa.js.org/) +- [蚂蚁-乾坤](https://github.com/umijs/qiankun) +- [淘系-icestark](https://github.com/ice-lab/icestark) +- [字节-Garfish](https://github.com/modern-js-dev/garfish) +- [京东-micro-app](https://github.com/micro-zoe/micro-app) +- [Bit](https://bit.dev) +- [从零到一实现企业级微前端框架，保姆级教学](https://juejin.cn/post/7004661323124441102) +- [What Are Micro Frontends?](https://livebook.manning.com/book/micro-frontends-in-action/chapter-1/v-4/) +- [Bifrost 微前端框架及其在美团闪购中的实践](https://tech.meituan.com/2019/12/26/meituan-bifrost.html) +- [每日优鲜供应链前端团队微前端改造](https://juejin.cn/post/6844903943873675271) +- [微前端在美团外卖的实践](https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html) +- [How We Build Micro Frontends](https://blog.bitsrc.io/how-we-build-micro-front-ends-d3eeeac0acfc) +- [Revolutionizing Micro Frontends with Webpack 5, Module Federation and Bit](https://blog.bitsrc.io/revolutionizing-micro-frontends-with-webpack-5-module-federation-and-bit-99ff81ceb0) ## 十五万字面试资料 [在线阅读](https://yuchengkai.cn/home/) - [解决 90% 的大厂基础面试题](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488553&idx=1&sn=62d8a99b5554751221b45b3c411ad325) -- [解决 90% 的大厂前端网络面试题](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488796&idx=1&sn=dec4fdb3e596ad87b02419f69c174113) +- [解决 90% 的大厂前端网络面试题](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488796&idx=1&sn=dec4fdb3e596ad87b02419f69c174113) ## 前端工程化文章 -- [这才是你需要了解的性能优化呀！](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489161&idx=1&sn=f029ea01370364f49fe61451b2d247ff) -- [绝了，没想到一个 source map 居然涉及到那么多知识盲区](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488867&idx=1&sn=cac0ae95c560cca820658a8c3af3f8e5) -- [揭秘自动化部署系统的核心原理](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488166&idx=1&sn=f62669f6c9331c95badbef2815a8d1b5) -- [你知道 monorepo 居然有那么多坑么？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488604&idx=1&sn=6ded0f2ddaedb71bd5d12890cf462726) -- [从零打造性能检测库](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247487811&idx=2&sn=40d02e839fb5400c5b82858d422fb738) -- [还在看那些老掉牙的性能优化文章么？这些最新性能指标了解下](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486142&idx=1&sn=b75b87a109c28cc6c32046d0fb234aab) +- [这才是你需要了解的性能优化呀！](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489161&idx=1&sn=f029ea01370364f49fe61451b2d247ff) +- [绝了，没想到一个 source map 居然涉及到那么多知识盲区](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488867&idx=1&sn=cac0ae95c560cca820658a8c3af3f8e5) +- [揭秘自动化部署系统的核心原理](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488166&idx=1&sn=f62669f6c9331c95badbef2815a8d1b5) +- [你知道 monorepo 居然有那么多坑么？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488604&idx=1&sn=6ded0f2ddaedb71bd5d12890cf462726) +- [从零打造性能检测库](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247487811&idx=2&sn=40d02e839fb5400c5b82858d422fb738) +- [还在看那些老掉牙的性能优化文章么？这些最新性能指标了解下](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486142&idx=1&sn=b75b87a109c28cc6c32046d0fb234aab) ## React 原理 @@ -145,19 +174,18 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ## 前端进阶文章 -- [这些 JS 新语法有点东西啊！](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489249&idx=1&sn=9a3cedafd021afe8ed3ef81bcd0583c2) -- [这个 React 小细节居然很多人都写错了？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489054&idx=1&sn=f025d5dfd81656e5cffd7eb598b0954b) -- [反直觉！大部分人并不知道浏览器到底是如何下载资源的](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488074&idx=1&sn=21dc9b18cf52d875dec5dc38b34900fe) -- [好家伙，这些写 CSS 的新姿势你还不知道？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488007&idx=1&sn=8578ba4a4278de3286feeb18535c75a2) -- [这个异步问题你肯定遇到过，但是会解决的并不多](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247487988&idx=1&sn=6b56888236e0cc8b59e7bf63ff882a21) -- [前端前沿观察，Cookie 居然可以这样整了](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486890&idx=1&sn=3f92d1290e62549731b9d840aed68cc9) -- [Promise 你可能真的还没用明白（续集进阶版）](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486584&idx=1&sn=26c5d27b34cc98f952715581b8c74027) +- [这些 JS 新语法有点东西啊！](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489249&idx=1&sn=9a3cedafd021afe8ed3ef81bcd0583c2) +- [这个 React 小细节居然很多人都写错了？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247489054&idx=1&sn=f025d5dfd81656e5cffd7eb598b0954b) +- [反直觉！大部分人并不知道浏览器到底是如何下载资源的](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488074&idx=1&sn=21dc9b18cf52d875dec5dc38b34900fe) +- [好家伙，这些写 CSS 的新姿势你还不知道？](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247488007&idx=1&sn=8578ba4a4278de3286feeb18535c75a2) +- [这个异步问题你肯定遇到过，但是会解决的并不多](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247487988&idx=1&sn=6b56888236e0cc8b59e7bf63ff882a21) +- [前端前沿观察，Cookie 居然可以这样整了](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486890&idx=1&sn=3f92d1290e62549731b9d840aed68cc9) +- [Promise 你可能真的还没用明白（续集进阶版）](https://mp.weixin.qq.com/s?__biz=MzUyNDYxNDAyMg==&mid=2247486584&idx=1&sn=26c5d27b34cc98f952715581b8c74027) ## 更多文章 因为笔者文章实在太多，足足已经写了 150 篇+ 原创，更多文章欢迎大家到【[公众号](#个人信息)】里阅读。 - ## 个人信息 | 微信扫码关注公众号，订阅更多精彩内容 | 加笔者微信进群与大厂大佬讨论技术 | From 9cae6ec9fd2ea640be09b94d233e3fec842890b5 Mon Sep 17 00:00:00 2001 From: w3liangxn Date: Tue, 14 Sep 2021 12:01:57 +0800 Subject: [PATCH 09/24] 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 10/24] 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) ## 十五万字面试资料 From 86670982527685c49dc1b4a179c1e6c4e2c4d26e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=BC=BA?= Date: Tue, 14 Sep 2021 14:34:19 +0800 Subject: [PATCH 11/24] =?UTF-8?q?docs:=20=E6=9B=BF=E6=8D=A2=E8=BF=9E?= =?UTF-8?q?=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index d6d47fb..f5ca009 100644 --- a/README.md +++ b/README.md @@ -113,11 +113,11 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 ### 作用域 -作用域是指程序中定义变量的区域，他决定了变量的生命周期，也就是变量和函数可访问的范围。 +作用域是指程序中定义变量的区域，该位置决定了变量的生命周期，也就是变量和函数的可访问范围。 - [ ] 文档 - - [ ] [作用域](https://developer.mozilla.org/zh-CN/docs/Glossary/Scope) - - [ ] [块作用域](https://developer.mozilla.org/zh-CN/docs/Glossary/Block/Scripting) + - [ ] [作用域](https://developer.mozilla.org/en-US/docs/Glossary/Scope) + - [ ] [块作用域](https://developer.mozilla.org/en-US/docs/Glossary/Block/Scripting) - [ ] 推荐文章 - [ ] [JavaScript 深入之词法作用域和动态作用域](https://github.com/mqyqingfeng/Blog/issues/3) - [ ] [JavaScript 深入之作用域链](https://github.com/mqyqingfeng/Blog/issues/6) From 5125ca8ef99c0c3c637505704629d1ce8cd5dfc1 Mon Sep 17 00:00:00 2001 From: ahwgs Date: Tue, 14 Sep 2021 14:42:26 +0800 Subject: [PATCH 12/24] docs: update doc --- README.md | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 3da9df5..0755b26 100644 --- a/README.md +++ b/README.md @@ -107,7 +107,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [You Don't Know JS 第二版中对于闭包的解释](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/scope-closures/ch7.md)，该版本暂无中文翻译，读者可用 [DeepL](https://www.deepl.com/translator) 进行翻译。 - [ ] [JavaScript 的静态作用域链与“动态”闭包链](https://juejin.cn/post/6957913856488243237) - [ ] [知乎中关于闭包的讨论](https://www.zhihu.com/question/34210214) - + ### 事件循环 大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。 @@ -116,13 +116,13 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [事件循环](https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop) - [ ] 推荐文章 - [ ] [这一次，彻底弄懂 JavaScript 执行机制](https://juejin.cn/post/6844903512845860872) - - [ ] [一次弄懂Event Loop](https://juejin.cn/post/6844903764202094606) + - [ ] [一次弄懂 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)，需自备梯子，另有 [中文翻译版](https://github.com/Troland/how-javascript-works/blob/master/event-loop.md)。 - [ ] 事件循环可视化 - [ ] [Loupe](http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGljaygpIHsKICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gdGltZXIoKSB7CiAgICAgICAgY29uc29sZS5sb2coJ1lvdSBjbGlja2VkIHRoZSBidXR0b24hJyk7ICAgIAogICAgfSwgMjAwMCk7Cn0pOwoKY29uc29sZS5sb2coIkhpISIpOwoKc2V0VGltZW91dChmdW5jdGlvbiB0aW1lb3V0KCkgewogICAgY29uc29sZS5sb2coIkNsaWNrIHRoZSBidXR0b24hIik7Cn0sIDUwMDApOwoKY29uc29sZS5sb2coIldlbGNvbWUgdG8gbG91cGUuIik7!!!PGJ1dHRvbj5DbGljayBtZSE8L2J1dHRvbj4%3D) - [ ] [几种基本类型简单的类型转换](https://zh.javascript.info/type-conversions) - [ ] [JavaScript 深入之头疼的类型转换(上)](https://github.com/mqyqingfeng/Blog/issues/159) - - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) + - [ ] [JavaScript 深入之头疼的类型转换(下)](https://github.com/mqyqingfeng/Blog/issues/164) ## 跨端框架 @@ -147,7 +147,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - 渐进地升级、更新甚至重写部分前端功能成为了可能 - 独立开发部署，缩小变更范围，进而降低相关风险 -推荐文章： +推荐框架： - [single-spa](https://single-spa.js.org/) - [蚂蚁-乾坤](https://github.com/umijs/qiankun) @@ -155,6 +155,9 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [字节-Garfish](https://github.com/modern-js-dev/garfish) - [京东-micro-app](https://github.com/micro-zoe/micro-app) - [Bit](https://bit.dev) + +推荐文章： + - [从零到一实现企业级微前端框架，保姆级教学](https://juejin.cn/post/7004661323124441102) - [What Are Micro Frontends?](https://livebook.manning.com/book/micro-frontends-in-action/chapter-1/v-4/) - [Bifrost 微前端框架及其在美团闪购中的实践](https://tech.meituan.com/2019/12/26/meituan-bifrost.html) From c0b7b5c493574457669cc39c63cceb1ed0c14f33 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=BC=BA?= Date: Tue, 14 Sep 2021 14:48:41 +0800 Subject: [PATCH 13/24] =?UTF-8?q?docs:=20=E5=A2=9E=E5=8A=A0=E7=BF=BB?= =?UTF-8?q?=E8=AF=91?= 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 4061bf6..841b15e 100644 --- a/README.md +++ b/README.md @@ -117,7 +117,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 推荐文章 - [ ] [JavaScript 深入之词法作用域和动态作用域](https://github.com/mqyqingfeng/Blog/issues/3) - [ ] [JavaScript 深入之作用域链](https://github.com/mqyqingfeng/Blog/issues/6) - - [ ] [Variable scope, closure](https://javascript.info/closure) + - [ ] [Variable scope, closure](https://javascript.info/closure) 另有 [中文翻译版](https://zh.javascript.info/closure) - [ ] [You Don't Know JS Yet: Scope & Closures](https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures) - [ ] [The battle between function scope and block scope](https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/) From 62afa8c3fa34238a4557b413932db7953ffe8acc Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 15:40:59 +0800 Subject: [PATCH 14/24] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 841b15e..a242ece 100644 --- a/README.md +++ b/README.md @@ -117,7 +117,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 推荐文章 - [ ] [JavaScript 深入之词法作用域和动态作用域](https://github.com/mqyqingfeng/Blog/issues/3) - [ ] [JavaScript 深入之作用域链](https://github.com/mqyqingfeng/Blog/issues/6) - - [ ] [Variable scope, closure](https://javascript.info/closure) 另有 [中文翻译版](https://zh.javascript.info/closure) + - [ ] [Variable scope, closure](https://javascript.info/closure)，另有 [中文翻译版](https://zh.javascript.info/closure) - [ ] [You Don't Know JS Yet: Scope & Closures](https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures) - [ ] [The battle between function scope and block scope](https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/) From 8910cf3607b75c582ae5d72888f896a3652a6f11 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 15:42:11 +0800 Subject: [PATCH 15/24] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0755b26..366562f 100644 --- a/README.md +++ b/README.md @@ -147,7 +147,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - 渐进地升级、更新甚至重写部分前端功能成为了可能 - 独立开发部署，缩小变更范围，进而降低相关风险 -推荐框架： +框架： - [single-spa](https://single-spa.js.org/) - [蚂蚁-乾坤](https://github.com/umijs/qiankun) From fc31229e32be7b6a35c37cae08bc207435eee3e4 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 15:49:40 +0800 Subject: [PATCH 16/24] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index d705f6c..339ad75 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,7 @@

+ Commit + Stars + Forks GitHub visitor badge

From 87bda0e8fd9713f37cccc04a73ffc6ff38fc01ea Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 15:50:11 +0800 Subject: [PATCH 17/24] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 339ad75..f58476d 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

Commit - Stars - Forks + Stars + Forks GitHub visitor badge

From f4ececf524f741bccc00fe8f68f4611d77b20197 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 16:02:49 +0800 Subject: [PATCH 18/24] Create markdown.yml --- .github/workflows/markdown.yml | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 .github/workflows/markdown.yml diff --git a/.github/workflows/markdown.yml b/.github/workflows/markdown.yml new file mode 100644 index 0000000..cff3f2e --- /dev/null +++ b/.github/workflows/markdown.yml @@ -0,0 +1,23 @@ +# This workflow uses actions that are not certified by GitHub. +# They are provided by a third-party and are governed by +# separate terms of service, privacy policy, and support +# documentation. + +# This workflow will install Deno then run Deno lint and test. +# For more information see: https://github.com/denoland/setup-deno + +name: Deno + +on: + push: + branches: [main] + pull_request: + branches: [main] + +jobs: + test: + runs-on: ubuntu-latest + + steps: + - name: Markdown autodocs + uses: dineshsonachalam/markdown-autodocs@v1.0.3 From d67d70707ca03b2ea374906110040d923f0f9a61 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 16:08:54 +0800 Subject: [PATCH 19/24] Update markdown.yml --- .github/workflows/markdown.yml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.github/workflows/markdown.yml b/.github/workflows/markdown.yml index cff3f2e..15141d9 100644 --- a/.github/workflows/markdown.yml +++ b/.github/workflows/markdown.yml @@ -6,7 +6,7 @@ # This workflow will install Deno then run Deno lint and test. # For more information see: https://github.com/denoland/setup-deno -name: Deno +name: markdown-autodocs on: push: @@ -19,5 +19,6 @@ jobs: runs-on: ubuntu-latest steps: + - uses: actions/checkout@v2 - name: Markdown autodocs uses: dineshsonachalam/markdown-autodocs@v1.0.3 From f3f531fff977f311c76991e90b5ef5475e2654b0 Mon Sep 17 00:00:00 2001 From: yck Date: Tue, 14 Sep 2021 16:30:40 +0800 Subject: [PATCH 20/24] Update markdown.yml --- .github/workflows/markdown.yml | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/.github/workflows/markdown.yml b/.github/workflows/markdown.yml index 15141d9..af1e919 100644 --- a/.github/workflows/markdown.yml +++ b/.github/workflows/markdown.yml @@ -20,5 +20,10 @@ jobs: steps: - uses: actions/checkout@v2 - - name: Markdown autodocs - uses: dineshsonachalam/markdown-autodocs@v1.0.3 + - name: install + run: | + npm i -g prettier + prettier README.md -w + - uses: EndBug/add-and-commit@v7 # You can change this to use a specific version. + with: + add: './README.md' From f5fea104732f63a0ec64dd4f77da6fc62e20ae57 Mon Sep 17 00:00:00 2001 From: KieSun Date: Tue, 14 Sep 2021 08:30:57 +0000 Subject: [PATCH 21/24] 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 f58476d..7aff2ae 100644 --- a/README.md +++ b/README.md @@ -124,7 +124,7 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [Variable scope, closure](https://javascript.info/closure)，另有 [中文翻译版](https://zh.javascript.info/closure) - [ ] [You Don't Know JS Yet: Scope & Closures](https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures) - [ ] [The battle between function scope and block scope](https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/) - + ### 事件循环 大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。 From 3eb35ee4c23a113c3f9b7bbdd2affa33b852b972 Mon Sep 17 00:00:00 2001 From: KieSun Date: Tue, 14 Sep 2021 19:16:12 +0800 Subject: [PATCH 22/24] =?UTF-8?q?feat:=20=E6=8E=92=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 7aff2ae..9f6ae81 100644 --- a/README.md +++ b/README.md @@ -149,9 +149,9 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 而在 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) -- [ ] [京东 taro](https://juejin.cn/post/6844904036743774216) +- [awesome-remax](https://github.com/remaxjs/awesome-remax) +- [美团自研 react 跨端](https://tech.meituan.com/2021/06/10/react-native-hybrid-practice-dsl-in-meituan.html) +- [京东 taro](https://juejin.cn/post/6844904036743774216) ## 微前端 From 9884961023fb9d691496fa05dff59729771ead9c Mon Sep 17 00:00:00 2001 From: KieSun Date: Tue, 14 Sep 2021 19:21:54 +0800 Subject: [PATCH 23/24] feat: new --- README.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/README.md b/README.md index 9f6ae81..6293a11 100644 --- a/README.md +++ b/README.md @@ -125,6 +125,16 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] [You Don't Know JS Yet: Scope & Closures](https://github.com/getify/You-Dont-Know-JS/tree/2nd-ed/scope-closures) - [ ] [The battle between function scope and block scope](https://www.deadcoderising.com/2017-04-11-es6-var-let-and-const-the-battle-between-function-scope-and-block-scope/) +### new + +`new` 操作符可以帮助我们构建出一个实例，并且绑定上 `this`。 + +- [ ] 文档 + - [ ] [new](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new) +- [ ] 推荐文章 + - [ ] [JS 的 new 到底是干什么的？](https://zhuanlan.zhihu.com/p/23987456) + - [ ] [JavaScript深入之new的模拟实现](https://github.com/mqyqingfeng/Blog/issues/13) + ### 事件循环 大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。 From e8cc8fa9b030c8abd274958b7df32d5db4cf479c Mon Sep 17 00:00:00 2001 From: KieSun Date: Tue, 14 Sep 2021 11:22:27 +0000 Subject: [PATCH 24/24] Commit from GitHub Actions (markdown-autodocs) --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 6293a11..4d21d39 100644 --- a/README.md +++ b/README.md @@ -132,8 +132,8 @@ JS 数据类型分为两大类及八种数据类型，注意别漏了 ES6 新增 - [ ] 文档 - [ ] [new](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new) - [ ] 推荐文章 - - [ ] [JS 的 new 到底是干什么的？](https://zhuanlan.zhihu.com/p/23987456) - - [ ] [JavaScript深入之new的模拟实现](https://github.com/mqyqingfeng/Blog/issues/13) + - [ ] [JS 的 new 到底是干什么的？](https://zhuanlan.zhihu.com/p/23987456) + - [ ] [JavaScript 深入之 new 的模拟实现](https://github.com/mqyqingfeng/Blog/issues/13) ### 事件循环