现在有这样一个场景：一个移动端页面的顶部有一个banner，这个banner图片的宽高比是2:1。往往用户第一次打开该页面时，banner图片的加载速度都会比较慢，在加载的过程中，banner的位置是没有东西的，请问如何只用CSS来设置该部分在图片还没加载好的样式(即图片未加载完成时，banner区域的宽高比也要是2:1)。

这是我前几天面试的时候遇到的题目，当时我就蒙圈了…这TM不用JS怎么搞？

我假装思考了十几秒后说：不知道…

随后 ，面试官告诉我使用padding设置成百分比，这个百分比是根据它的宽来进行计算的。

当时我就觉得我会永远记住这个知识点：padding设置成百分比时，是根据它的宽来进行计算的。没错，我的确记的很清楚。

几天后的今天，我自己来测试一下发现并不是那么回事儿：

See the Pen …

在一些传统的面向对象的语言当中（比如JAVA、C++等）都有类的概念，我们通过类来新建需要的对象。如果接触过面向对象的同学看到这篇文章将会觉得特别熟悉。

ES6之前

在ES6之前是没有“类”这个东西的，我们是通过构造函数来模拟“类”的实现：

function Person(opt){
     this.name = opt.name;
     this.age = opt.age;
}

实例方法是通过prototype…

说到模块的加载，可能大家用过RequireJS或SeaJS。而在ES6当中也为我们提供了相应的解决方案。

定义并导出一个模块

首先，我们新建一个 myModule.js 文件：

export default function(text){
     console.log(`this is 

其实，我们以前在像jQuery这样的库当中都有用过Promise，它是用来处理一些异步操作的,jQuery当中的ajax内部使用的就是这种模式:

$.ajax(...)
     .then();

首先，这是一个异步请求，请求后会调用then()方法，在其内部其实用的是jQuery当中的Deferred对象，该对象就是用来处理一些异步操作。…

该篇为翻译文章：原文为：Leveling Up with React: Redux

该系列文章目录：
第一部分:学习React Router-译文(原文)
第二部分:React的“容器组件”和“可视化组件”-译文(