聚美优品面试题
【简介】感谢网友“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: 聚美优品广告语
你只闻到我的香水,却没看到我的汗水
你有你的规则,我有我的选取
你否定我此刻,我决定我的将来
你嘲笑我一无所有,不配去爱,我可怜你总是等待
你能够轻视我们的年轻,我们证明这是谁的时代
梦想是注定孤独的旅行,路上少不了质疑和嘲笑
但那又怎样,哪怕遍体鳞伤,也要活的漂亮。
我是陈欧,我为自己代言