web前端面试题—选择题

最新推荐文章于 2024-07-02 17:59:10 发布

0o雨

最新推荐文章于 2024-07-02 17:59:10 发布

阅读量1.1k

点赞数 2

分类专栏：前端文章标签： vue javascript html js es6

本文链接：https://blog.csdn.net/qq_37652104/article/details/115320013

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

有不同答案或建议的，记得留下你的评论
选择题

Vue双向绑定原理是通过 Object 的哪个方法实现的（ C ）
A.getPrototype() B.preventExtensions() C.defineProperty() D.assign()
以下哪个不是 Vue 生命周期钩子（ B ）
A.beforeMount B.beforeActivate C.Activated() D.errorCaptured
以下哪个是Vue指令（ A ）
A.v-slot B.v-scope C.v-elseIf D.v-key
以下哪个不是Vue的props的类型（ B ）
A.String B.Int C.Boolean D.Object
active-dass 是哪个组件的属性（ A ）
A.router-hnk B.button-countar C. blog-post D.router-view
Vue 指令中v-el 的作用（）
A.替换挂载的元素 B.向组件注入自定义的行为 C.提供一个页面上已存在的DOM元素作为Vue实例的挂载目标 D.创建实例时传递props
vue-router 有哪几种导航钩子，以下哪种选项不是 vue-router的导航钩子（）
A.全局导航钩子 B.组件内的钩子 C.页面钩子 D .单独路由独享组件

以下代码打印结果为（ B ）

<script>
	export default {
		data() {
			return {
				a: 1,
				b: 2,
			}
		},
		methods: {
		},
		created() {
			console.log(this.a)
		},
		mounted() {
			console.log(this.b)
		},	
	}
</script>

A.1，1 B.1，2 C. 2，1 D.2，2

以下代码打印结果为（ C ）

<div>{{message.split('').reverse().join('')}}</div>

<script>
	export default {
		data() {
			return {
				message:'hello',			
			}
		},
	}
</script>

A.hello B.hel C. olleh D.llo

以下代码运行结果为（）
```
{typeof null, null instanceof Object}
```
A.["object",false] B.[null,false] C. ["object",true] D.other

以下代码运行结果为（ A ）

var name = "World";
			(function() {
				if (typeof name === 'undefined') {
					var name = 'Jack';
					console.log('Goodbye' + name);
				} else {
					console.log('Hello' + name)
				}
			})();

A.Goodbye Jack B.Hello Jack C. Hello undefined D.Hello World

以下代码运行结果为（）
```
            var ary = [0,1,2];
			ary[10] = 10;
			ary.filter(function(x){return x ===undefined;})
```
A.[undefined*7] B.[0,1,2,10] C. [] D.[undefined]
以下代码运行结果为（ B ）
```
        var two = 0.2, one = 0.1, eight = 0.8, six = 0.6;
		[two - one == one,eight - six == two]
```
A.[true,true] B.[true,false] C. [true,fale] D.other
以下代码运行结果为（ A ）
```
  	console.log('5'+3)
    console.log('5'-3)	
```
A.53,2 B.8,2 C. error D.other
以下代码运行结果为（ D ）
```
        function foo(){}
		 var oldName = foo.name;
		 foo.name = 'bar';
		console.log(oldName,foo.name)
```
A.error B.["",""] C. ["foo","bar"] D.["foo","foo"]
以下html元素不属于块级元素的是（）
A.<p></p> B.<form></form> C. <img/> D.<table></table>

以下样式中，d2与d1上边框内侧的距离是多少（ A ）

        <div class="d1"></div>
        <div class="d2"></div>
<style>
        .d1 {
				 width: 100px;
				height: 100px;
				position: relative;
				border: 10px solid #000;
				padding: 20px;
				margin: 30px;
			}

			.d2 {
				width: 50px;
				height: 50px;
				position: absolute;
				background-color: green;
			    }
</style>

A.20px B.10px C. 40px D.0px

以下关于meta标签描述不正确的是（C ）
A.可设置charset声明文档字符编码，避免出现乱码问题 B.可增强SEO优化 C.可设置优先使用哪个版本浏览器 D.可设置页面标签
关于以下CSS选择器优先级从高到低正确的是（ C ）
```
<div class="d1"></div>
<div class="d2" id = "d2">内容</div>
```
A.[.d1>div] → [#d2] → [.d1 .d2] → [.d2] B.[#d2] → [.d1 .d2] → [.d1>div] → [.d2] C.[#d2] → [.d2 ] → [.d1 .d2] → [.d1>div] D.[#d2] → [.d1>div] → [.d1 .d2] → [.d2]
以下属性可以使div水平向右平移100px，并旋转45度的是（C）
A.transform: translateX(100)scale(45); B.transform: translateX(100px) C.translateX: 100px; rotate ( 45deg ) D.transform: translateX(100px)scale(45deg)
以下代码运行结果为（ A ）
```
var y = 1,x=y=typeof x
console.log(x)
```
A.undefined B."undefined" C.报错 D.Number
以下哪个是Array对象遍历方法的是（B ）
A.forEach B.each C.map D.filter
通过以下哪种方法可以获取dom元素节点？（ A ）
A.document.getElementById("#app") B.document.getElementsById("app") C. document.querySelector("#app") D. document.querySelectorAll("app")
以下哪个是Vue指令（ B ）
```
        var user = {name:'tony',children:['beny','ken']}
		var data = {name:"lily",...user}
		console.log(data)
```
A.{name:'lily,{name:'tony',children:['beny','ken']}'} B.{name:'tony',children:['beny','ken']} C.报错 D.{name:'lily',children:['beny','ken']}

以下代码输出结果（ A ）

        var data = 6;
		function Data(){
			this.data = 7			
		}
		Data.prototype.getData = () =>{
			return this.data;
		}
		console.log(new Data().getData());

A.6 B.7 C.undefined D.报错

以下不属于window.location的对象属性的是（ D ）
A.location.search B.location.protocol C.location.hash D.location.history
以下关于GET请求和POST请求描述错误的是（）
A.get请求容易导致缓存，post请求不会 B.客户端跨域访问服务端时，post请求会先发送options请求，get 请求不会 C.浏览器对get请求有大小限制，对post请求无限制 D.get请求的参数只能支持ASCII字符
以下描述哪个是http状态码502（ C ）
A.连接超时 B.服务器拒绝访问 C.网关错误 D.服务器内部错误