======================================
前端试题 180330
======================================
适合初级学员，未包含es6及以上
控制台输入以下代码，答案背景设置黑色
document.querySelectorAll(‘.markdown_views’).forEach(function(item){ var lis = item.getElementsByTagName(‘li’); if(lis.length > 0){ Array.prototype.slice.call(lis).forEach(function(li){ var ems = li.getElementsByTagName(‘em’); if(ems.length > 0){ Array.prototype.slice.call(ems).forEach(function(em){ em.style.background = ‘#000’; }) } }) } })
0. margin: 1px 2px 3px 4px;方向是()。
- A.上左下右、B.上右下左、C.左上右下、D.上下左右
- 答：B
1. <!DOCTYPE HTML>的作用？
- 答：规范浏览器的行为，告知浏览器的解析器用什么文档标准解析这个文档
2. 没有设定html的font-size，1rem等于()px。
- A.14px、B.12px、C.10px、D.16px
- 答：D
3. 表单元素，设置表单提交方式和路径的属性为()和()。（多选）
- A.action、B.enctype、C.method、D.target
- 答：CA
4. 下面的input类型中，自带验证的类型有()。（多选）
- A.type=”tel”、B.type=”url”、C.type=”email”、D.type=”password”
- 答：BC
5. 当屏幕宽度为 750px，像素比为 2 时，10vw等于()。
- A.75px、B.7.5px、C.37.5px、D.3.75px
- 答：C
6. 前端页面有哪三层构成，分别是什么？作用是什么？
- 答：
- 结构层 Html、表示层 CSS、行为层 js
7. img标签上title与alt属性的区别是什么？
- 答：
- alt 当图片不显示是用文字代表。
- title 为该属性提供信息
8. [1,2,3,4].join(‘0’).split(”)的执行结果是？
- 答：[‘1’,’0’,’2’,’0’,’3’,’0’,’4’]
9. 下面代码，k的运行结果是？
var i = 0,j = 0;
for(;i<10,j<6;i++,j++){
k = i + j;
}
- 答：10
9.alert("<h1>这是一个标题</h1>"); 输出结果为？
- 答：
<h1>这是一个标题</h1>
10. 以下代码输出结果为？
console.log('1' + 001);
- 答：11
11. console.log(typeof NaN); 输出结果为？
- 答：number
12. console.log(‘hello world’.replace(‘l’,”)); 的输出结果为？
- 答：helo world
13. 计算当前时间距离2019年还有多少天数。
- 答：Math.ceil((new Date(‘2019’) - new Date())/1000/3600/24)
14. 以下代码输出结果？
var a = 1;
console.log(a in window)
- 答：false
15. 以下代码的输出结果？
var fullName = 'Boy'
var obj = {
fullName : 'Father',
getFullName : function(){
this.fullName = 'Mather';
return fullName;
}
}
console.log(obj.getFullName());
- 答：Boy
16. 以下代码的输出结果为？
var obj = new Object('1');
obj.toString = function(){
return 100;
}
obj.valueOf = function(){
return 200;
}
console.log(+obj);
- 答：200
17. 以下代码输出结果为？
var arr = ['a','b','c','d'];
for(var i = 0; i < 4; i++){
arr[i] = function(){
return i;
};
}
console.log(arr[0]());
- 答：4
18. 将数组 arr 中的元素作为调用函数 fn 的参数
function argsAsArray(fn, arr) {
}
- 答：
function argsAsArray(fn, arr) {
return fn.apply(null,arr);
} - 或：es6
function argsAsArray(fn, arr) {
return fn(…arr);
}
19. 完成方法，每隔1s输出一次i
for(var i = 0;i < 5;i++ ){
}
- 答：(方法很多，一种就行)
for(var i = 0;i < 5;i++ ){
(function(i){
setTimeout(function(){
console.log(i);
}, 1000 * i)
})(i)
} - 或：
for(var i = 0;i < 5;i++ ){
setTimeout(function(i){
console.log(i);
}, 1000 * i, i)
} - 或：es6
for(let i = 0;i < 5;i++ ){
setTimeout(function(){
console.log(i);
}, 1000 * i)
}