关注前端知识，收集精彩博文，做技术的搬运工
原文地址：https://juejin.im/post/5d66b019f265da03a715e5d7翻译：刘小夕 原文链接：https://dmitripavlutin.com/javascript-array-from-applications/
因水平有限，文中部分翻译可能不够准确，如果你有更好的想法，欢迎在评论区指出。
任何一种编程语言都具有超出基本用法的功能，它得益于成功的设计和试图去解决广泛问题。
JavaScript 中有一个这样的函数: Array.from：允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。
在本文中，我将描述5个有用且有趣的 Array.from() 用例。
原文地址：https://juejin.im/post/5d5b4c2df265da03dd3d73e5
几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。
对很多初学JS的人来说，根本搞不清楚单线程的JS为什么拥有异步的能力，所以，我试图从进程、线程的角度来解释这个问题。
原文地址：https://github.com/YvetteLau/Blog/issues/43翻译：刘小夕原文链接：https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/)
原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。
原文地址：https://github.com/YvetteLau/Blog/issues/42翻译：刘小夕原文链接：https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/
原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。
我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件，利用组件的可重用性和抽象的DOM操作。
基于组件的开发是高效的：一个复杂的系统是由专门的、易于管理的组件构建的。然而，只有设计良好的组件才能确保组合和复用的好处。
尽管应用程序很复杂，但为了满足最后期限和意外变化的需求，你必须不断地走在架构正确性的细线上。你必须将组件分离为专注于单个任务，并经过良好测试。
原文地址：https://github.com/YvetteLau/Blog/issues/30
知其然知其所以然，首先了解三个概念：1.什么是同步？, 2.什么是异步？, 3.JavaScript 中为什么需要异步？
原文地址：https://github.com/YvetteLau/Blog/issues/41翻译： 刘小夕 原文链接：https://css-tricks.com/understanding-the-almighty-reducer/
有一些小伙伴，对JavaScript的 reduce 方法还不够理解，我们来看下面两段代码：
原文地址：https://github.com/YvetteLau/Blog/issues/40
通常，当谈到JavaScript语言时，我们讨论的是ES6标准提供的新特性，本文也不例外。 我们将讨论JavaScript代理以及它们的作用，但在我们深入研究之前，我们先来看一下Proxy的定义是什么。
MDN上的定义是：代理对象是用于定义基本操作的自定义行为（例如，属性查找，赋值，枚举，函数调用等）。
换句话说，我们可以说代理对象是我们的目标对象的包装器，我们可以在其中操纵其属性并阻止对它的直接访问。 你可能会发现将它们应用到实际代码中很困难，我鼓励你仔细阅读这个概念，它可能会改变你的观点。
原文地址：https://github.com/YvetteLau/Blog/issues/6
this关键字是JavaScript中最复杂的机制之一，是一个特别的关键字，被自动定义在所有函数的作用域中，但是相信很多JavaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗？
原文地址：https://github.com/YvetteLau/Blog/issues/4
前段时间，和头条的小伙伴聊天问头条面试前端会问哪些问题，他称如果是他面试的话，event-loop肯定是要问的。那天聊了蛮多，event-loop算是给我留下了很深的印象。原因很简单，因为之前我从未深入了解过，如果是面试的时候，我遇到了这个问题，估计回答得肯定不如人意。
因此，最近我阅读了一些相关的文章，并细细梳理了一番，输出了本篇博文，希望能帮助大家搞懂浏览器的event-loop。后续会继续补充node中的event-loop。
Promise的源码实现(完美符合PromiseA+规范) 原文：https://github.com/YvetteLau/Blog/issues/2
Promise是前端面试中的高频问题，我作为面试官的时候，问Promise的概率超过90%，据我所知，大多数公司，都会问一些关于Promise的问题。如果你能根据PromiseA+的规范，写出符合规范的源码，那么我想，对于面试中的Promise相关的问题，都能够给出比较完美的答案。
我的建议是，对照规范多写几次实现，也许第一遍的时候，是改了多次，才能通过测试，那么需要反复的写，我已经将Promise的源码实现写了不下七遍。
原文地址：https://www.cnblogs.com/qianguyihao/p/8776837.html
我之前写过一篇文章：《裸辞两个月，海投一个月，从Android转战Web前端的求职之路》。这篇文章讲述了我在转型过程中的亲身经历和感受，不少童鞋私信问我怎么入门前端，于是有了这篇文章。
原文地址：https://www.jianshu.com/p/2df6dcddb0d7
双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一.
Vue三要素
可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面试中常见的基于数据劫持的双向绑定。
