常见面试内容

1.操作数组

pop(删后) shift(删前) push(后加) unshift(前加) reverse(翻转)  join()转为字符串  indexOf() 索引  slice(1.3)截取1到3位  splice(0,4) 长度  concat合并  split(",")字符串转数组  sort排序

var a = [1,3,4,5,6,7,8,9]

排序
a.sort(function(a,b){
　　return a-b
})
打乱排序
g.sort(function(a,b){
	var i=Math.random()
	i>0.5?i=1:i=-1
	return (a-b)*i
})

 

2.居中问题

	.demo{overflow: hidden;}
	.demo1{position: relative;background: #ddd;}
	.demo1 .fl{width: 200px;height: 100%;position: absolute;top: 0;left: 0;}
	.demo1 .fr{padding-left: 200px;word-break: break-all;}

	.demo2{overflow: hidden;background: #ccc}
	.demo2 .fl{width: 200px;float: left}
	.demo2 .fr{margin-left: 200px;word-break: break-all;}


	.demo3{display: -webkit-box;}
	.demo3 .fl{width: 200px;}
	.demo3 .fr{word-break: break-all;}

	.ifca{text-align: center;}
	.ifca span{display: inline-block;}
	
	.ifcb{}
	.ifcb .aa{height: 200px;vertical-align:middle;display: inline-block;}

	.demo4{display:flex;}
	.demo4 .fl{width: 200px;}
	.demo4 .cont{flex: 1}
	.demo4 .fr{width: 200px;}

.aa{position: relative;float:left;left:50%}
.bb{position: relative;float:left;right:50%}

　　

跨域

Access-Control-Allow-Origin: * , jsonp

原生js

document.getElementById("link").href; 
document.getElementById("link").target; 
document.getElementById("img").src; 
document.getElementById("img").width; 
document.getElementById("img").height; 
document.getElementById("input").value; 

 

flex布局

.box{width: 600px;margin: auto;}
.box ul{display: flex;width: 600px;margin: auto;justify-content: space-around;}
.box ul li{padding: 20px;width: 100px;text-align: center;background: #ddd}

	<div class="box">
		<ul>
			<li>1</li>
			<li>112</li>
			<li>1335</li>
			<li>1</li>
		</ul>
	</div>

　　

 1.字符串替换方法：正则reserce

2.双向绑定原理:vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的

3.asiox,jquery,fecth有什么区别

4.js事件流  　　冒泡，捕获   test->div->body->document->window