2016年08月所有文章

当padding的值为百分比

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

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

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

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

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

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

See the Pen …

ES6中的Classes(类)

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

ES6之前

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

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

实例方法是通过prototype