聚美优品面试题

【简介】感谢网友“youjiongna”参与投稿，下面是小编为大家整理的聚美优品面试题（共10篇），欢迎阅读与收藏。

篇1：聚美优品面试题

1. overflow-x 属于 CSS2 还是 CSS3

2. 请列举几种可以清除浮动的方法(至少两种)

先来说说浮动的原理和清除浮动的原因：浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘。浮动框不属于(或脱离了)文档中的普通流，当一个元素浮动之后，不会影响到块级框的布局而只会影响行内元素(如span、a、em)的排列，即行内元素浮动后就会表现得像块级元素一样。当浮动框高度超出包含框的时候，也就会出现包含框不会自动伸高来闭合浮动元素(或者可以称为“高度塌陷”现象)。在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高度。

清除浮动方法：

(1)添加额外(空)标签

通过在浮动元素末尾添加一个空的标签例如

优点：通俗易懂，容易掌握;

缺点：增加无意义的标签，有违结构与表现的分离。

(2)父元素设置 overflow：hidden

通过设置父元素overflow值为hidden;在IE6中还需要触发 hasLayout ，例如 zoom：1;

优点：不存在结构和语义化问题，代码量极少;

缺点：内容增多时候容易造成不会自动换行导致内容被隐藏掉，无法显示需要溢出的元素。

(3)父元素也设置浮动

优点：不存在结构和语义化问题，代码量极少;

缺点：使得与父元素相邻的元素的布局会受到影响，不可能一直浮动到body，不推荐使用。

(4)给父元素添加clearfix类

由于IE6-7不支持:after，使用 zoom:1触发 hasLayout。

优点：结构和语义化完全正确,代码量居中;

缺点：复用方式不当会造成代码量增加。

clearfix类代码如下：

//:after会在元素内容――而不是元素后面插入一个伪素，该规则只添加了一个清除的包含句点作为非浮动元素，注意，:after不是伪类，而是伪元素

.clearfix:after {

content: “.”;

display: block;

height: 0;

visibility: hidden;

clear: both;

}

// 触发IE6、7下的haslayout

.clearfix {

*zoom: 1;

}

3. display:none 和 visibility:hidden 的区别是什么

相同点：display:none与visibility:hidden都可以用来隐藏某个元素;

不同点：display:none在隐藏元素的时候，将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。

4. 请缩写以下代码：

.box {

background-position: 10px 20px;

background-repeat: no-repeat;

background-attachment: fixed;

background-color: red;

background-image: url(box.png);

}

这个没什么好说的，只要是使用过css背景属性的人都知道缩写形式，另外需一提的是color属性可放在最前面也可以放在最后面。

.box {

background: red url(box.png) no-repeat 10px 20px fixed;

}

5. 如何让一段文本中的所有英文单词的首字母大写

css的text-transform：none(默认值) | capitalize | uppercase | lowercase | full-width(css3新增);

取值方面可查看手册，具体是什么就不多说了。

Javascript

1. 请解释一下什么是闭包

对于闭包，相信每个人都有自己的见解，并且网上一大推关于闭包的概念，我的理解是能够访问到其包含(外部)函数内部变量的函数。

主要有两个特性：

一个是可以读取其包含函数内部的变量;另一个就是让这些变量的值始终保持在内存中。

使用闭包的注意点：

过多使用会造成内存泄露的现象，因为闭包会引用其包含函数作用域的变量对象，使得即使包含函数执行完毕后，其作用域的变量对象不会被销毁，即其占用的内存无法得到回收，直至闭包执行完毕后才会被销毁。所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。对于作用域(或者成为执行环境)、作用域链、变量对象的概念，大家可参考javascript高级程序设计的第四章节，关于变量、作用域、内存的分析。这就是为什么说理解闭包前首先要理解js中作用域从产生到销毁过程发生的一系列有趣的事情。

2. call 和 apply 的区别是什么

相同点：都可以在特定作用域(环境)下调用函数;

不同点：传递的参数形式不同，call方法的参数必须一个个列举出来，而apply方法的参数是以一个数组的形式进行传递，也支持arguments参数。

3. 如何使用原生 Javascript 代码深度克隆一个对象(注意区分对象类型)

对于深度克隆，我的理解是：在克隆或扩展一个对象时，当该对象是一个包括子对象的对象，也会遍历该子对象的属性并进行复制拷贝。所以深度克隆适用于对象的属性也是对象的情况。

贴出js代码：

/**

* 深度扩展对象--适用于对象的属性也是对象的情况

* @param {Object}

* @return {Object}

*/

var deepextend = function (destination, source) {

for (var property in source) {

var copy = source[property]; // 获取source属性值

if (destination === copy) {

continue;

}

// 如果copy是一个对象，则递归调用(并传入copy参数)，直到copy不是一个对象为止

if (typeof copy === 'object') {//$.isObj(copy)

destination[property] = arguments.callee(destination[property] || {}, copy); //递归调用

// 否则直接把copy赋值给destination对象的属性(此时与$.extend方法等价)

} else {

destination[property] = copy;

}

}

return destination;

};

例子测试：

var destination = {

name: “hcy”,

age: 22,

info: {sex: “man”, job: “student”}

};

var source = {

name: “hc”,

age: 23,

info: {sex: “woman”, job: “developer”}

};

console.log(deepextend(destination, source));

// 输出destination的全部属性

for (var i in destination) {

if (typeof destination[i] === “object”) {

for (var j in destination[i]) {

console.log(destination[i] + “: ” + destination[i][j]);

}

} else {

console.log(i + “: ” + destination[i]);

}

}

firebug下测试结果截图：

4. jQuery 中 $('.class') 和 $('div.class') 在 IE 8 下哪个效率更高，请解释原因

这题是关于selector的性能问题，$(“.class”)在查找和遍历页面的元素时，会遍历所有带有class类的元素，不管是div、p、span或者是其他元素;而$(“div.class”)首先会查找出div元素，然后在所有的div中查询带有class类的相关div，所以在效率方面，当然是div.class选择器高于.class。这是我个人的理解，相关标准的方案求大神解答。

HTML

1. 以下哪个不是 HTML5 的新标签：

a.

b.

c.

d.

address不是html5新增的标签，而是在HTML4.01中就已经存在了，用于可定义一个地址或者文档作者或拥有者的联系信息。而article、section、time标签是html5新增的语义化标签，具体代表啥含义，咋用法就不多说了，可查看官方文档或一些html5技术论坛的相关说明。

2. 正确使用 HTML 和 CSS 实现以下效果(中间方框部分表示图片，右侧为文字列表。尽量不要

使用 float 属性)：

这题比较简单，只要学过css的相信都不大问题。对于该图片和文字的布局，可使用定位来解决。外层容器相对定位，里面的图片和文字列表绝对定位，就可以实现上图的效果了。贴出代码：

body, div, ul, li {margin: 0; padding: 0;}

body {font: 12px/1.6 Arial,Helvetica,sans-serif;}

ul {list-style-type: none;}

a {text-decoration: none; color: #999;}

a:hover {text-decoration: underline;color: #666;}

.wrap {

margin: 30px auto;

width: 520px;

height: 250px;

border: 1px solid #ccc;

position: relative; /* 这是关键 */

}

.wrap img {

border: 1px dashed red;

position: absolute; /* 这是关键 */

left: 20px;

top: 20px;

}

.wrap ul {

position: absolute; /* 这是关键 */

right: 20px;

top: 20px;

}

.wrap ul li a {

display: block;

height: 25px;

line-height: 25px;

}

最后还有两道简答题：

简答

1. jumei.com 和 weibo.com 完整载入后，html 代码各有多少 KB

2. 最近关注了哪些前端相关的技术/博客/论坛，简述心得和看法

对于第一题计算页面全部元素加载完毕后，html代码的大小。这个问题之前没有遇到过，所以求大神贴出解决方案???

对于第二题，每个人都有不同的答案，对于自己，最近在忙于找实习，接触了不久之前就比较流行的瀑布流，了解了一些js MVC框架，如backbone、angular、ember，然后也是之前不久开通的这个博客园的博客，希望记录自己的一些成长经历和学习的点点滴滴，之前也关注过淘宝的UED、腾讯的Alloy Team，平时闲着的时候会逛逛w3cfuns、blueidea、伯乐在线、html5中国等一些技术论坛，也会在豆瓣和知乎发现和了解一些话题。这就是我最近做的一些事情，相信也是我以后一直坚持下去的事情。。。。

[聚美优品面试题]

篇2：聚美优品广告语

1、有你陪着我，我什么都不怕！由于你是我的全体，你是我的世界！

2、为什么夜这么漫长？为什么这个时候我这么想你！

3、真的好想你！真盼望，这样漫长的黑夜，都会有你陪。

4、我是陈欧，我为自己代言。

5、黑夜中，一个人渡过，才真的晓得什么是漫长！然而，只要我想想你，所有都不算什么。

6、现在我不敢设想失去你,会是怎么样！我真的好惧怕有一天你会分开我！

聚美优品简介：

陈欧，聚美优品CEO及创始人。16岁留学新加坡就读南洋理工大学，大学期间曾成功创办在线游戏平台Garena，26岁获得美国斯坦福大学MBA学位，27岁创立聚美优品，29岁荣登福布斯创业者榜。他亲自出镜为公司拍摄的“我为自己代言”系列广告大片引起80后、90后强烈共鸣，在网络掀起“陈欧体”模仿热潮。作为中国电商界的黑马，聚美优品仅用三年时间，就完成单月销售额从10万到6亿元的突破，牢固的占据中国美妆类电商第一站的领航地位。

3月，陈欧连续第二年荣登福布斯“中国30位30岁以下创业者”榜单，并入选《财富》（中文版）“中国40位40岁以下的商界精英”榜单，排名第16位。

个人成就：

.06毕业于新加坡南洋理工大学，获得计算机学士学位

2005大学期间创办全球领先的在线游戏平台Garena（原GG对战平台，全球拥有超过2400万用户）

.06获得美国斯坦福大学MBA学位

.03创办化妆品限时特卖商城“聚美优品”，先后获得徐小平天使投资及红杉资本千万投资，短短三年内注册用户超3000万，月售额突破6亿，成为电商行业内一匹黑马

.05在第十届创业中国高峰论坛暨中国“创业领袖、新领军者、创业新锐”颁奖盛典，荣获“中国创业新锐”称号

2011.07牵手人气偶像韩庚推出聚美优品地铁广告，()其新颖的“双代言”模式受到热烈追捧。

.03荣登福布斯“中国30位30岁以下创业者”榜单

2012.05入选《财富》（中文版）“中国40位40岁以下的`商界精英”榜单

2012.11亲自出镜为聚美优品拍摄新版励志广告，“陈欧体”迅速蹿红网络，引起80、90后强烈共鸣，网络掀起模仿热潮。同时在各高校中形成了陈欧体文化，年轻人通过创造陈欧体来彰显自己的才华与标签，陈欧体成为了大学生话题的常客

.03“陈欧体”广告效应凸显，聚美优品三周年庆销售额达10亿元，形成全城哄抢的局面，聚美一举成就了在电商行业当中首屈一指的地位

2013.03连续第二年入选福布斯“中国30位30岁以下创业者”榜单

2013.04入选《财富》（中文版）20“中国40位40岁以下的商界精英”榜单，排名跃居第16位

2013.06投资、参演自己的微电影《女人公敌》，上线10日，百度稳居排名第一，视频点击率千余万次

2013.11由陈欧亲自作词并联合人气明星魏晨出演聚美优品2013励志大片《我为自己代言――――光辉岁月》MV。众多网友在观看后都纷纷表示对“所谓的光辉岁月，并不是后来闪耀的日子，而是无人问津时，你对梦想的偏执”这一句产生了强烈共鸣，字字扣心句句潸泪，很励志，很温暖，很受鼓舞。

2013.12只用了3年时间，带领团队将聚美优品打造成中国最大的美妆电商，同年销售额超过60亿元。

.01入选中国青年领袖候选名单。

2014.05创造中国电商界传奇，只用了4年时间聚美优品成为登陆美国纽约证券交易所的首家中国美妆电商。创始人陈欧成为纽交所史上最年轻的中国CEO

篇3：聚美优品广告词

聚美优品广告词

1、现在我不敢设想失去你,会是怎么样!我真的好惧怕有一天你会分开我!

2、黑夜中，一个人渡过，才真的晓得什么是漫长!然而，只要我想想你，所有都不算什么，

3、为什么夜这么漫长?为什么这个时候我这么想你!

4、有你陪着我，我什么都不怕!由于你是我的全体，你是我的.世界!

5、真的好想你!真盼望，这样漫长的黑夜，都会有你陪。

unjs求职网小编为您推荐

篇4：聚美优品广告词

你只闻到我的香水，却没看到我的汗水;

你有你的规则，我有我的选择;

你否定我的现在，我决定我的将来;

你嘲笑我一无所有不配去爱，我可怜你总是等待;

你可以轻视我们的年轻，我们会证明这是谁的时代;

梦想注定是孤独的旅行;路上少不了质疑和嘲笑;

但那又怎样，就算遍体鳞伤，

也要活得漂亮;

我是陈欧，我为自己代言!

[聚美优品广告词]

篇5：聚美优品广告词

你只闻到我的香水，却没看到我的汗水;

你有你的规则，我有我的选择;

你否定我的现在，我决定我的将来;

你嘲笑我一无所有不配去爱，我可怜你总是等待;

你可以轻视我们的年轻，我们会证明这是谁的时代;

梦想注定是孤独的旅行;路上少不了质疑和嘲笑;

但那又怎样，就算遍体鳞伤，

也要活得漂亮;

我是陈欧，我为自己代言!

光辉岁月，我为自己代言――聚美优品广告词

从未年轻过的人

一定无法体会这个世界的偏见

我们被世俗拆散

也要为爱情勇往直前

我们被房价羞辱

也要让简陋的现实变得温暖

我们被权威漠视

也要为自己的天分保持骄傲

我们被平庸折磨

也要开始说走就走的冒险 所谓的光辉岁月

并不是后来闪耀的日子 而是无人问津时

你对梦想的偏执

你是否有勇气

对自己忠诚到底

我是陈欧

我为自己代言

篇6：聚美优品广告词

精选聚美优品广告词

你只闻到我的香水 却没看到我的汗水

你有你的规则 我有我的选择

你否定我现在 我决定我的将来

你嘲笑我一无所有 不配去爱 我可怜你总是等待

你可以轻视我们的年轻 我们证明这是谁的.时代

梦想是注定孤独的旅行 路上少不了质疑和嘲笑

但那又怎样 哪怕遍体鳞伤 也要活的漂亮。

篇7： 聚美优品广告词

陈欧:我是陈欧，聚美优品创始人。蜗居，裸婚，都让我们撞上了。别担心，奋斗才刚刚开始，80后的我们一向在路上。不管压力有多大，也要活出自己的色彩。做最漂亮的自己，坚信我们，坚信聚美。我是陈欧，我为自己代言。

陈欧:我是陈欧，聚美优品创始人。蜗居，裸婚，都让我们撞上了。别担心，奋斗才刚刚开始，80后的我们一向在路上。不管压力有多大，也要活出自己的色彩。做最漂亮的自己，坚信我们，坚信聚美。我是陈欧，我为自己代言。

此则视频广告词并没有华丽的辞藻，也没有过多强调产品和品牌。既道出了当前80后年轻人所遇到的困难，也展现了年轻人的理想与憧憬，引起很多80、90后的共鸣。

韩庚;我是韩庚，聚美优品代言人。能被很多人爱是件幸福的事，期望爱我的人都能变得更美丽。代言，比影响力更重要的是职责。坚信我们，坚信聚美。我是韩庚，我为美丽代言。

聚美优品广告词励志:陈鸥继续为自己代言

篇8： 聚美优品广告语

我是陈欧，聚美优品创始人。

蜗居，裸婚，都让我们撞上了。

别担心，奋斗才刚刚开始，80后的我们一向在路上。

不管压力有多大，也要活出自己的色彩。

做最漂亮的自己，坚信我们，坚信聚美。

我是陈欧，我为自己代言。

篇9： 聚美优品广告语

光辉岁月，我为自己代言

从未年轻过的人

必须无法体会这个世界的偏见

我们被世俗拆散，也要为感情勇往直前，我们被房价羞辱，也要让简陋的现实变得温暖

我们被权威漠视，也要为自己的天分持续骄傲

我们被平庸折磨，也要开始说走就走的冒险

所谓的光辉岁月，并不是之后闪耀的日子，而是无人问津时，你对梦想的偏执，你是否有勇气，对自己忠诚到底

我是陈欧，我为自己代言

篇10： 聚美优品广告语

你只闻到我的香水，却没看到我的汗水

你有你的规则，我有我的选取

你否定我此刻，我决定我的将来

你嘲笑我一无所有，不配去爱，我可怜你总是等待

你能够轻视我们的年轻，我们证明这是谁的时代

梦想是注定孤独的旅行，路上少不了质疑和嘲笑

但那又怎样，哪怕遍体鳞伤，也要活的漂亮。

我是陈欧，我为自己代言