原文：Learn these neat JavaScript tricks in less than 5 minutes
作者：Alcides Queiroz

5 分钟学习一些优雅的 JavaScript 技巧 —— 专业的省时技巧

前言

React 从 v16 开始，像是跨入了新的时代，性能和新的 API 都令人瞩目。重新认识 React，从重新认识生命周期开始。

为了更好的支持异步渲染（Async Rendering），解决一些生命周期滥用可能导致的问题，React 从 V16.3 开始，对生命周期进行渐进式调整，同时在官方文档也提供了使用的最佳实践。

这里我们将简要对比 React 新旧生命周期，重新认识一下 React 生命周期。

原文：The most important lessons I’ve learned after a year of working with
React
作者：Tomas Eglinskas

开始学习一项新的技术时候令人很苦恼。你经常发现自己处于教程和文章的海洋里，还伴随着无数的个人观点。并且每个人都声称他们找到了“正确而完美的方式”。

原文: I never understood JavaScript closures
作者: Olivier De Meulder
时间: Sep 7, 2017
译注：作者从 JavaScript 的原理出发，详细解读执行过程，通过“背包”的形象比喻，来解释闭包。

我从没理解过 JavaScript 闭包
直到有人这样跟我解释……

正如标题所说，JavaScript 闭包对我来说一直是个迷。我 看过 很多 文章，在工作中用过闭包，甚至有时候我都没有意识到我在使用闭包。

最近参加一个交流会，有人用某种方式向我解释了闭包，点醒了我。这篇文章我也将用这种方式来解释闭包。这里要称赞一下 CodeSmith 的优秀人才和他们的《JavaScript The Hard Parts》系列。

原文: How to Implement an HTTP Request Library with Axios
作者：Alex

概述

在前端开发过程中，我们经常遇到需要用到异步请求的场景。所以，一个功能齐全的 HTTP 请求库，可以极大的减少开发时间，提高开发效率。

axios 是近几年非常热门 HTTP 请求库。目前在 Github 已经有超过 40k 的 stars，也得到很多权威人士的推荐。

因此，有必要去了解一下 axios 是如何设计的、是如何实现 HTTP 请求库的。写这篇文章时 axios 的版本是 0.18.0，我们以此版本为例，来解读分析源码细节。axios 的源码是在 lib 目录下，以下涉及到的路径都是相对 lib 目录。

此篇主要讨论一下几点：

• 如何使用 axios
• axios 核心模块（请求 requests, 拦截器 interceptors, 撤销 withdrawals）的设计和实现方式
• axios 的设计优点

原文地址：HTTPS explained with carrier pigeons
不妥之处，欢迎指正！

密码学是个很难理解的课程。它包含很多的数学证明。但是其中很多复杂性都不需要深入的去理解，除非你要去开发加密系统。

如果你希望通过阅读这篇文章来创造出下一代的 HTTPS 协议，我只能说抱歉了，通过信鸽来解释是不够的。不是的话，那就一边煮点咖啡，一边阅读这篇文章。

前言

Node.js 模块系统是采用 CommonJS 模块规范的。每个文件视为一个独立的模块。使用 require 导入模块，使用 module.exports 和 exports 导出模块。
那么 module.exports 和 exports 的区别在哪里呢？

前言

工欲善其事，必先利其器

vscode 是开源的跨平台编辑器，前端开发利器，配合丰富的插件，更是如虎添翼，效率飞升。
这里推荐一些目前在用的 vscode 插件，适合前端开发者。

相信很多前端都遇到过类似的情景：
为什么更新了内容，刷新页面没有生效？
被产品或测试追问：不是说问题解决了吗？为什么还是有问题？刷新也不行！

浏览器的缓存机制也就是HTTP缓存机制，是每个前端都必须理解一个点，了解浏览器缓存的机制，可以让我们在开发和排查问题中，避开很多坑；也能解释很多遇到的关于缓存的“神奇”问题；也可以针对缓存制定策略，做出优化，提升用户体验。

这里对浏览器缓存机制的学习做个总结和笔记！

webpack 已经更新到2.2版本。webpack v1 官方已经不推荐使用,建议更新到webpack 2。 (2017-03-12)

四大核心概念 (Four Core Concepts)

webpack 是现代JavaScript应用的模块打包工具（module bundler），具有高度可配置性。
在开始配置webpack之前，我们需要先理解它的四大核心概念，有助于我们理解webpack的工具方式。