去哪儿网2015校园招聘前端笔试题
2014-10-10 21:40
726 查看
原文链接:http://www.dy1280.com/thread-601-1-1.html
我应聘的是前端工程师。笔试就考了四道前端题,个人觉得基础倒是考到了,但是前端方面的知识没有多大联系,四道题,有三道题都是写函数,只有一道题贴近了css,自己做的也一般一般。。。
现在将四道题分享给大家,希望对大家的面试有帮助。
1.写一个函数padstare(string str1,min_lenthg,string str2),然后就是用英文解释每个参数的意思,看了半天没看懂,然后看了下他的示例,一下就明白了。
例:padstare(‘5’,3,‘0’)返回的是‘005’;
padstare(‘798’,5,‘0’)返回的是‘798’;
意思是这样的,如果字符串str1的长度没有min_length大,就用str2来填充;
代码:
<script>
function padstare(str,min,str_char)
{
var ret=[];
if(str.length>=min)
{
return str;
}
else
{
for(var i=0;i<min-str.length;i++)
{
ret.push(str_char);
}
return ret.join('')+str;
}
}
</script>
2.写一个命令行字符的解析函数。
例:-name lily -age 25 -school "chengdu university" 返回的是[-name lily,-age 25, -school "chengdu university"]
<script>
function getdata(str)
{
var json={};
var gets =str.split('"')[0];
gets =gets.split(' ');
for(var i=0;i<gets.length-1;i++)
{
if(i%2==0)
{
json[gets[i]]=gets[i+1];
}
}
json[gets[gets.length-1]]=str.split('"')[1];
return json;
}
</script>
3.第三题就是唯一的与css有关的题。
div1和div2是DOM结构中的关系为兄弟节点的两个div元素,分别画出下列问题的效果图:
a. .div1 {width: 100px;height: 100px;position: absolute;float: left;}
.div2 {width: 100px;height: 100px;position: absolute;float: right;}
b. .div1 {width: 100px;height: 100px;position: relative;float: left;}
.div2 {width: 100px;height: 100px;position: relative;float: right;}
c. .div1 {width: 100px;height: 100px;position: absolute;float: right;}
.div2 {width: 100px;height: 100px;position: relative;float: left;}
4.设计函数indexof(a,b)判断字符串a中是否包含字符串b,如果包含返回其位置,不包含返回-1;
<script type="text/javascript">
function indexof(str1,str2)
{
var len1=str1.length;
var len2=str2.length;
var ret=[];
if(len1 <len2)
{
return false;
}
else
{
for(var i=0;i<=len1-len2;i++)
{
ret.push(str1.substr(i,len2);
if(ret[i]==str2)
{return i;}
else
{return -1;}
}
}
}
</script>
比如调用indexof('hello','e')应该返回的是2,而实际上返回了-1,这是为什么呢?本来我觉得这道题应该是没问题的,但是我刚才试了一下,才发现还是有问题的,最后那个if...else...有点问题,因为i=0时,就会判断了,ret[0]不等于str2,所以会返回-1;而实际上,不应该返回-1,因此这里有问题。希望大家仔细看看代码,帮我改正一下啊,谢谢了,O(∩_∩)O。
我应聘的是前端工程师。笔试就考了四道前端题,个人觉得基础倒是考到了,但是前端方面的知识没有多大联系,四道题,有三道题都是写函数,只有一道题贴近了css,自己做的也一般一般。。。
现在将四道题分享给大家,希望对大家的面试有帮助。
1.写一个函数padstare(string str1,min_lenthg,string str2),然后就是用英文解释每个参数的意思,看了半天没看懂,然后看了下他的示例,一下就明白了。
例:padstare(‘5’,3,‘0’)返回的是‘005’;
padstare(‘798’,5,‘0’)返回的是‘798’;
意思是这样的,如果字符串str1的长度没有min_length大,就用str2来填充;
代码:
<script>
function padstare(str,min,str_char)
{
var ret=[];
if(str.length>=min)
{
return str;
}
else
{
for(var i=0;i<min-str.length;i++)
{
ret.push(str_char);
}
return ret.join('')+str;
}
}
</script>
2.写一个命令行字符的解析函数。
例:-name lily -age 25 -school "chengdu university" 返回的是[-name lily,-age 25, -school "chengdu university"]
<script>
function getdata(str)
{
var json={};
var gets =str.split('"')[0];
gets =gets.split(' ');
for(var i=0;i<gets.length-1;i++)
{
if(i%2==0)
{
json[gets[i]]=gets[i+1];
}
}
json[gets[gets.length-1]]=str.split('"')[1];
return json;
}
</script>
3.第三题就是唯一的与css有关的题。
div1和div2是DOM结构中的关系为兄弟节点的两个div元素,分别画出下列问题的效果图:
a. .div1 {width: 100px;height: 100px;position: absolute;float: left;}
.div2 {width: 100px;height: 100px;position: absolute;float: right;}
b. .div1 {width: 100px;height: 100px;position: relative;float: left;}
.div2 {width: 100px;height: 100px;position: relative;float: right;}
c. .div1 {width: 100px;height: 100px;position: absolute;float: right;}
.div2 {width: 100px;height: 100px;position: relative;float: left;}
4.设计函数indexof(a,b)判断字符串a中是否包含字符串b,如果包含返回其位置,不包含返回-1;
<script type="text/javascript">
function indexof(str1,str2)
{
var len1=str1.length;
var len2=str2.length;
var ret=[];
if(len1 <len2)
{
return false;
}
else
{
for(var i=0;i<=len1-len2;i++)
{
ret.push(str1.substr(i,len2);
if(ret[i]==str2)
{return i;}
else
{return -1;}
}
}
}
</script>
比如调用indexof('hello','e')应该返回的是2,而实际上返回了-1,这是为什么呢?本来我觉得这道题应该是没问题的,但是我刚才试了一下,才发现还是有问题的,最后那个if...else...有点问题,因为i=0时,就会判断了,ret[0]不等于str2,所以会返回-1;而实际上,不应该返回-1,因此这里有问题。希望大家仔细看看代码,帮我改正一下啊,谢谢了,O(∩_∩)O。
相关文章推荐
- 2015去哪儿网校园招聘笔试题:寻找字符串的差异
- 阿里巴巴2015秋季校园招聘前端开发工程师在线笔试题及答案
- 阿里巴巴2015秋季校园招聘前端开发工程师在线笔试题及答案
- 百度2015校园招聘——前端笔试题
- 阿里巴巴2015秋季校园招聘前端开发工程师在线笔试题及答案
- 去哪儿网2015校园招聘产品经理笔试(时间:2014-9-23)
- 2015数码视讯校园招聘JAVA开发工程师笔试题
- 面试总结三---2015百度校园招聘长沙站前端工程师笔试面试经历
- 2015阿里巴巴秋季校园招聘前端 在线笔试题个人参考答案
- 2015创发科技校园招聘笔试题—— union考察
- 数码视讯2015校园招聘JAVA笔试题及答案
- 百度2013年校园招聘笔试题——WEB前端研发类
- 腾讯 美团 百度 网易游戏 2015校园招聘南京笔试面试之总结分析
- 联想2015校园招聘笔试题
- 2015小米校园招聘笔试题
- 2015(毕业)秋季校园招聘各种企业笔试面试心得
- 去哪儿网2015年春季校园招聘技术笔试题
- 中兴2015校园招聘笔试题 +部分 答案(自己做的)
- 【飞牛网2015校园招聘】WEB前端开发工程师 笔试题
- Google中国2015校园招聘笔试Round D APAC Test Problem A. Cube IV