原文：http://www.zcfy.cc/article/4033

几周前，我们开始写旨在深入挖掘JavaScript及其工作机制的一系列文章：我们认为，通过了解JavaScript的构造单元以及这些构造单元如何组织在一起，您就能够编写更好的代码和应用程​​序。

该系列的第一篇文章重点是提供一个对引擎、运行时和调用栈的概述。这第二篇文章将会深入Google V8 JavaScript引擎的内部。我们还将提供如何编写更佳 JavaScript 代码的一些小技巧 - 这也是我们 SessionStack 开发团队在构建产品时遵循的最佳实践。

原文：http://www.zcfy.cc/article/3965

随着JavaScript越来越受欢迎，开发团队正在将其用在技术栈的各个方面，包括 - 前端、后端、混合应用、嵌入式设备等等。

如GitHut统计所示，JavaScript在GitHub中的活动存储库和总推送方面位于前列，在其他方面也不差。

（查看最新的GitHub语言统计信息）。

如果项目越来越依赖于JavaScript，这意味着开发人员必须更深入地了解内部机制，才能利用语言和生态系统提供的所有技术，构建出惊艳的软件。

事实证明，虽然有很多开发人员每天都在使用JavaScript，但并不知道它的工作机制。

原文地址： StackOverFlow - Why do we need middleware for async flow in Redux?

问

官方文档说：如果不用中间件middleware，Redux store只支持同步数据流。 我不太明白为什么，为什么不能在组件中直接调用异步API，然后dispatch action？

例如：一个只有一个输入框和按钮的UI，用户点击按钮，然后从远程抓取数据填充到该输入框。

原文：http://www.zcfy.cc/article/3295

Mixins（混入）是对象组合的一种形式，这里组件的特性被混合进一个复合对象中，这样每个mixin的属性就变成了该复合对象的属性。

OOP中的“mixins”一词来自混合冰淇淋店。在这种店中，并非是把一大堆不同口味的冰淇淋放在不同的预混桶中，而是用原味冰淇淋以及一堆可以混在一起的不同配料为每个客户创建定制的口味。

对象 mixins 也差不多：你可以从一个空对象开始，混入一些特性来扩展它。因为JavaScript支持动态对象扩展和没有类的对象，所以在JavaScript中使用对象 mixins 是非常简单的 - 所以它也成了JavaScript中最常见的继承形式。我们来看一个例子：

原文地址：https://madebymike.com.au/writing/the-invisible-parts-of-CSS/

如果你在日常工作中使用 CSS，你的主要目标可能会重点围绕着使事情“看起来正确”。如何实现这一点经常是远不如最终结果那么重要。这意味着比起正确的语法和视觉结果来说，我们更少关心 CSS 的工作原理。

CSS 的视觉结果通常是操作隐藏属性的间接后果，你可能还没有意识到这一点。某些 CSS 属性（比如 background-color）与你看到的内容有直接而明显的关系。同时，其它像 display 这样的属性对于我们很多人来说仍然是模棱两可的，因为结果似乎与上下文环境有很大关系。

我怀疑很多开发人员都不能用简单的术语描述设置 display: block 实际上是在做什么，顶多可能对这种属性如何工作有一些直观的了解。没关系，你可以在不了解底层原理的情况下，就能 CSS 瞎嚷嚷。不过，那也是只知其一，不知其二。

如果这就是在说你，没关系。我也是在学会如何使用 CSS 很久以后，才理解 CSS 的工作原理。我猜这并不能让你好受点，不过至少你并不是一个人在战斗！

CSS 的底层特性是复杂而有意抽象的，但我们也不能完全不了解它们。对于我们很多人来说，或多或少都会熟悉像盒模型、层叠和特殊性这些概念。虽然它们经常被曲解，但是懂点这些概念的工作原理有助于我们编写更好的 CSS。

对于 CSS 的很多其它隐藏部分也可以这样说。问题是更好地理解这些部分的门槛更高。经常会感觉好像没有什么能孤立地解释。需要先了解所有内容，然后才能理解流程的最小部分。

因此，我想尝试揭示一些 CSS 不为人知的部分，仅触及你需要知道的内容，并希望以逻辑顺序解释该过程，以便更好地理解 CSS 的实际工作原理。

这是一篇很长的文章，所以如果你想跳过这些部分之一，我完全可以理解。

原文：https://hackernoon.com/javascript-for-beginners-the-new-operator-cee35beb669e

四条规则

理解 new 运算符的最简单的方式就是去理解它做什么。当我们用 new 时，发生了四件事：

1. 创建了一个新的空对象。
2. 把 this 绑定到新创建的对象。
3. 给新创建的对象添加了一个名为 __proto__ 的属性，该属性指向构造器函数的原型对象。
4. 给函数末尾添加一条 return this 语句，这样被创建的对象就被从函数返回。

原文：https://hackernoon.com/javascript-arrow-functions-for-beginners-926947fc0cdc

上周我发表了一篇为初学者介绍 this 关键字的博文。这篇文章中没有涉及到的主题之一是箭头函数。这个主题只是因为太大，没法在那篇文章中讲解，所以本文在这里做一个补充。请继续阅读，学习有关箭头函数的基础知识！

原文：https://hackernoon.com/javascript-the-keyword-this-for-beginners-fb5238d99f85

理解 JavaScript 中的关键字 this，以及它指向什么，有时候可能是有点复杂。幸好有五个通用规则可以用来确定 this 绑定到什么。虽然这些规则在某些情况下并不适用，不过绝大多数情况应该能帮你搞定。所以，下面我们开始吧！

1. this 的值通常是由一个函数的执行上下文决定的。所谓执行上下文就是指一个函数如何被调用。
2. 必须要知道的是，每次函数被调用时，this 都有可能是不同的（即指向不同的东西）。
3. 如果依然搞不清楚第一条和第二条的含义，没有关系，本文结尾的时候会搞清楚的。

原文：https://hackernoon.com/javascript-learn-regular-expressions-for-beginners-bb6107015d91

不久前，正规表达式对我来说是挺可怕的 - 对我未经训练的眼睛来说，它们只不过是一堆乱七八糟的字符串。不幸的是，我让那些“乱七八糟”的字符串吓倒我太久了。当我终于决定冒险学习正则表达式时，我很惊讶要学习的基本概念有多简单。

不要犯同样的错误。是的，正则表达式可能非常复杂，但实际上学习基础知识很容易。下面我一起学习基本的正则表达式吧…

原文：http://www.zcfy.cc/article/3190

昨天我们学习了Mocha的基础知识。今天，我们会把Mocha整合到一个项目中，这样就可以看到它是如何实际工作的。

这个教程要讲什么？

本教程将提供如何使用Mocha进行测试的小型真实示例。到教程结束时，我们将成功使用Mocha测试现有的JS文件。在读本教程之前，应该先了解Mocha是什么，如何分组测试以及如何使用断言库。如果需要复习，请参阅我的第一篇Mocha教程。