快来每日上分,2021前端面试题10道(附答案与解析)
Posted 北极光之夜。
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了快来每日上分,2021前端面试题10道(附答案与解析)相关的知识,希望对你有一定的参考价值。
一.先言:
目标: | 成为offer收割机之拖拉分机 |
---|---|
范围: | html、CSS、javascript |
题型: | 单选、多选、编程 |
数目: | 10 |
本次难度(5星满星): | ⭐⭐ |
答案: | 答案与解析是我自己查询与思考后书写的,仅供参考。 |
北极光之夜。 | auroras.blog.csdn.net |
二.题目(答案在最后):
1.问一份标准的HTML文档有哪几个必须的HTML标签?【多选】
A. <html>
B. <head>
C. <title>
D. <body>
2.< input >元素的type属性的取值可以是( )【多选】
A. image
B. checkbox
C. button
D. select
3.下列哪个操作是W3C标准定义的阻止事件向父容器传递:【单选】
A. e.preventDefault()
B. e.cancelBubble=true
C. e.stopPropagation()
D. e.stopImmediatePropagation()
4.下列哪种选择器不是css3才定义的:【单选】
A. :enabled
B. :checked
C. :before
D. :only-child
5.以下那些是css属性position可以设置的值:【多选】
A. fixed
B. relative
C. absolute
D. inherit
6.以下哪些Array对象的方法不会更改原有数组?【多选】
A. concat()
B. splice()
C. map()
D. sort()
7.JavaScript定义var a=“40”,var b=7,则执行a%b会得到()。【单选】
A. 5
B. "5"
C. undefined
D. null
8.以下运行结果:
for(var i = 0; i < 10; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
A. 0--9
B. 10个10
C. 10个9
D. 无限循环
9.以下运行结果:
var user = {
count : 1,
getCount: function(){
return this.count;
}
}
var func = user.getCount
console.log(func())
A. this.count
B. 1
C. 报错
D. undefined
10.移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组:
function remove(arr, item) {
。。。
}
三.答案与解析:
1. 选ABCD,注意看问的是标准的HTML文档。
2. 选ABC,没有select,有以下:
button checkbox file hidden image password radio reset submit text
3. 选C, preventDefault()是取消事件默认行为;stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用;cancelBubble()是取消事件冒泡,不符合 W3C 标准,适用于 IE;stopPropagation()阻止事件冒泡行为 , 符合 W3C 标准;
4.选C,:before选择器早在CSS 2.1版本就定义了。
5.ABCD,有 绝对absolute,固定fixed,相对relative,继承父元素inherit,默认static,粘性sticky…略。
6.选AC,concat()方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。sort() 方法用于对数组的元素进行排序,肯定改变了。splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目,也改了。
7.选A,js是弱语言类型。在进行算术运算时,只有做+号,数字隐式转换成字符串。其余的运算符号是字符串隐式转换成数字。
8.选B,JavaScript的任务分为同步任务和异步任务,同步任务放在主线程,形成一个执行栈;异步任务放在任务队列,只有主线程空了才会去读取任务队列的任务。setTimeout是异步操作,每次遇到它不是先运行,而是先压入执行栈。等i执行完for循环,setTimeout才开始执行,此时的i已经是10了,就打印了10个10。
9.选D。函数调用时,this才会发生绑定,而且是谁调用this,this就指向谁。这里func调用了它,所以指向func,而func是全局环境中的,所以this指向window,而count是一个局部变量,所以undefined。
10.如下,这个比较简单就不解释了:
function remove(arr, item) {
let arr2 = arr.filter(i=>{
return i!=item;
})
return arr2;
}
总结:
每日一练,做人没有梦想,那和咸鱼有什么分别~
其它文章:
~关注我看更多简单创意特效:
文字烟雾效果 html+css+js
环绕倒影加载特效 html+css
气泡浮动背景特效 html+css
简约时钟特效 html+css+js
赛博朋克风格按钮 html+css
仿网易云官网轮播图 html+css+js
水波加载动画 html+css
导航栏滚动渐变效果 html+css+js
书本翻页 html+css
3D立体相册 html+css
霓虹灯绘画板效果 html+css+js
记一些css属性总结(一)
Sass总结笔记
…等等
进我主页看更多~
以上是关于快来每日上分,2021前端面试题10道(附答案与解析)的主要内容,如果未能解决你的问题,请参考以下文章