前端笔试题目tuniu
2017-04-18 13:52
288 查看
tuniu
http://www.cnblogs.com/qzsonline/archive/2012/08/22/2651237.html
请在15分钟内完成如下基础测试题:
●请自行新建一个空文本文档答题。
●请使用原生javascript语法答题,禁止使用Jquery等框架语法
●请注意有的题目是两个问题,请回答完全,否则答对一半题
●需要写代码的地方,请写完整包括大小写,否则算错
●描述性的题目写清楚主要的意思就可以了
1.如下两个div元素垂直距离是多少?
答案:20px
2.编写css让div2在div1的右下角?
父对象相对定位,子对象以父对象为参考点绝对定位;
外层的div设置为相对定位,内层的div设置为绝对定位;
3.怎么样让一个已知宽高的div元素水平居中?
4.以下的div背景是什么颜色的?
答案:#00ff00;
5.用css给如下按钮设置背景图片bg.jpg,并隐藏按钮上的文字?
答案:
6.将如下字符串转变成json对象
7.在如下数组第二个元素后插入一个元素3
8.请根据每个元素的i属性,由小到大,排序如下数组
9.以空格字符串作为分隔字符串,将如下字符串拆分成数组(每个元素不能含有空格字符)
10.请将如下数据库表的记录用json表示出来
id name city
--------------------------
1 Tom London
2 John Newyork
3 Alice Paris
11.编写代码让f1继承f2的所有成员
12.把16进制颜色转变成rgb颜色,如:#FFFFFF等同rgb(255,255,255)
分类: js/jq
http://www.cnblogs.com/qzsonline/archive/2012/08/22/2651237.html
请在15分钟内完成如下基础测试题:
●请自行新建一个空文本文档答题。
●请使用原生javascript语法答题,禁止使用Jquery等框架语法
●请注意有的题目是两个问题,请回答完全,否则答对一半题
●需要写代码的地方,请写完整包括大小写,否则算错
●描述性的题目写清楚主要的意思就可以了
1.如下两个div元素垂直距离是多少?
1 <</span>div style="margin-bottom:20px"></</span>div> 2 <</span>div style="margin-top:10px"></</span>div>
答案:20px
2.编写css让div2在div1的右下角?
1 <</span>div id="div1"> 2 <</span>div id="div2"></</span>div> 3 </</span>div>
1 #div1{position:relative;} 2 #div2{right:0px;bottom:0px;position:absolute;}
父对象相对定位,子对象以父对象为参考点绝对定位;
外层的div设置为相对定位,内层的div设置为绝对定位;
3.怎么样让一个已知宽高的div元素水平居中?
答案: 1 margin:0 auto;
4.以下的div背景是什么颜色的?
1 .a{background-color:#FF0000;} 2 .b{background-color:#00FF00;}
1 <</span>div class="b a"></</span>div>
答案:#00ff00;
5.用css给如下按钮设置背景图片bg.jpg,并隐藏按钮上的文字?
1 <</span>input type="button" value="提交" />
答案:
1 input{ 2 background:url(bg.jpg) no-repeat; 3 overflow:hidden; 4 width:px;height:px; 5 font-size:0; 6 line-height:0; 7 text-indent:-9999px; 8 }
6.将如下字符串转变成json对象
1 var str = "{a:1,b:2,c:true,d:'hello'}"; 2 3 //答案 4 var json1 = eval_r('(' + str + ')'); 5 var json2 = json2 = JSON.parse(str); 6 console.log(json1.value); 7 console.log(json2.value);
7.在如下数组第二个元素后插入一个元素3
1 var ar = [1, 2, 4, 5, 6]; 2 3 //答案 4 ar.splice(2, 0, 3);
8.请根据每个元素的i属性,由小到大,排序如下数组
1 var ar = [{i: 5,v: 1}, {i: 2,v: 4}, {i: 3,v: 2}, {i: 1,v: 5}, {i: 4,v: 3}]; 2 3 //答案 4 ar.sort(function(a, b) { 5 return a.i - b.i; 6 });
9.以空格字符串作为分隔字符串,将如下字符串拆分成数组(每个元素不能含有空格字符)
1 var str = 'a b c 20 d e f g 123'; 2 3 //答案 4 str.split(/\s+/);
10.请将如下数据库表的记录用json表示出来
id name city
--------------------------
1 Tom London
2 John Newyork
3 Alice Paris
1 [{"id":"1","name":"Tom","city":"London"}, 2 ... 3 ]
11.编写代码让f1继承f2的所有成员
1 function f1() { 2 this.a1 = 1; 3 this.b1 = 2; 4 } 5 6 function f2() { 7 this.a2 = 3; 8 this.b2 = 4; 9 } 10 11 //答案 12 f1.prototype = new f2(); 13 f1.prototype.constructor = f1;
12.把16进制颜色转变成rgb颜色,如:#FFFFFF等同rgb(255,255,255)
1 function exChange(color) { 2 return 'rgb(' + parseInt(color.substr(1, 2), 16) + ',' + parseInt(color.substr(3, 2), 16) + ',' + parseInt(color.substr(5, 2), 16) + ')'; 3 }
分类: js/jq
相关文章推荐
- 阿里巴巴校招2017前端笔试题目 -- 原生js/html5 实现一个路由
- 百度前端笔试题目--css 实现一个带尖角的正方形
- 【前端拾遗】笔试题目一
- 前端笔试题目总结——应用JavaScript函数递归打印数组到HTML页面上
- 阿里前端笔试题目
- 百度2012校园招聘 web前端开发笔试题目
- 前端笔试题目小结--获取输入参数用户名;查询URL字符串参数
- 乐其2017.10.13前端笔试题目
- 关于Web前端开发,附:(百度web前端笔试面试题目)
- 自己整理的部分腾讯web前端开发的笔试题目及答案
- 前端笔试题目houjian
- 关于Web前端及百度web前端笔试面试题目
- 前端笔试题目记录
- 应聘前端开发——用友烟草软件公司的笔试题目
- 去笔试腾讯的前端实习生,题目太尼玛坑爹了
- 某公司笔试前端专业题目
- 前端笔试题目练习
- qunar2015校园招聘前端笔试题目
- 前端笔试题目练习笔记:统计数组中不同的数字出现的概率并排序
- 中兴笔试题目及答案(软件开发工程师)