前端面试题（vue）

框架主要是vue

1. vue相对于jquery的优势
2. vue父传子，子传父，父传孙的方法
3. Vue路由传值
4. vue双向绑定的原理（vue数据响应原理）
5. vue-router两种模式 hash模式和history模式
6. vue路由组件（<router-link>）（keepAlive）
7. vue如何获取当前页面的路由
8. 路由守卫
9. vuex（actions异步，mutations同步）
10. axios优势（ajax和axios、fetch的区别）
11. token作用、存放位置
12. cookie、sessionStorage和localStorage的区别
13. 权限管理实现
14. Es6箭头函数
15. 浏览器兼容
16. 项目打包优化
17. 深克隆的实现
18. 绝对定位和相对定位
19. Node.js
20. React、vue、微信小程序的生命周期函数
21. Vue与react的区别
22. Es6中新语法
23. 闭包
24. 原型链
25. Mongodb
26. Ajax与form表单请求区别
27. 前端上传图片处理
28. Mysql与mongodb区别
29. Webpack打包工具（原理）
30. methods、Watch与computed区别
31. Sass与less
32. https与http区别
33. http的组成部分
34. 请求报文和响应报文  
35. html5 css3新特性
36. 前端页面优化
37. 跨域
38. 浏览器的缓存
39. 数组去重、去除数组中第五个元素
40. provide/inject
41. promise
42. 鼠标悬停改变光标
43. padding和margin的区别
44. flex
45. 清除浮动的方法
46. 箭头函数和普通函数的区别
47. rem如何计算

48. function A(){
    		console.log('A');
    	}
    	var B=function(){
    		console.log('B');
    	}
    	
    	A();
    	B();
    =======================================
    var a=10;
    	if(true){
    		console.log(a)
    		let a=20;
    	};
    ===========================	
    	let b=10;
    	if(true){
    		console.log(b)
    		var b=20;
    	};
    ==================================	
    	const c=function(){
    		this.k=10;
    		var s=20;
    	}
    	var d=new c;
    	console.log(d.k);
    	console.log(d.s);

     

49. <div id="main">
    		<div id="b">
    			
    		</div>
    	</div>
    =====================
    #main{
    		width: 200px;
    		 height: 100px;
    		 background-color: #00FF00;
    	 }
    	 #b{
    		 width: 10%;
    		 height: 20%;
    		 margin: 30%;
    		 padding: 40%;
    		 transform: translate(50%);
    		 background-color: #FF0000;
       //输出以上像素值
    	 }