前端笔试试题

1、ul、ol、dl的区别？
ul: 定义了一个无序列表
ol: 定义了一个有序列表
dl: 定义了一个定义列表
2、选择器的优先级顺序？
（1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)

<div style="color:Red;"></div>

（2.次优先级是（ID选择器 ,假设级别为100）

#myDiv{color:Red;}

（3.其次优先级是（类选择器，假设级别为10）

.divClass{color:Red;}

（4.最后优先级是 （标签选择器，假设级别是 1）

div{color:Red;}

（5.那么后代选择器的优先级就可以计算了，比如 .divClass span { color:Red;} 优先级别就是：10+1=11
3、jquery的选择器类型？
基本选择器、层次选择器、过滤选择器、表单选择器
4、队列、栈的区别？
队列先进先出，栈先进后出
5、js的回收机制
JS 的垃圾收集机制原理其实是很简单的：找到那些不再继续使用的变量，然后释放其占用的内存。具体实现的方法有两种：标记清除和引用计数。
6、Css盒子模型
盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。
7、什么是Ajax和Json，他们的优缺点
ajax的概念：ajax是一种通过后台与服务器进行少量的数据交换，使页面实现异步更新，是一种创建交互式网页应用的网页开发技术。
json的概念：json是一种轻量级的数据交换格式，具有良好的可读和便于快速编写的特性
ajax的优缺点
优点：异步请求响应快，用户体验好；页面无刷新、数据局部更新；按需取数据，减少了冗余请求和服务器的负担；
缺点：异步回调问题、this指向问题、路由跳转back问题；对搜索引擎的支持比较弱，对于一些手机还不是很好的支持
json的优缺点
优点：
1.数据格式比较简单，易于读写，格式都是压缩的，占用宽带小
2.支持多种语言，.JSON格式的编码比较简单
3.JSON的解码难度较低比起XML简单的多
5.JSON和js交互更加方便
6.JSON的速度远远快于XML
缺点 ：
1.没有XML格式这么推广的深入人心和使用广泛, 没有XML那么通用性
2. JSON格式目前在Web Service中推广还属于初级阶段PS: 据说Google的Ajax是使用 JSON+模板做的
8、请说出下面代码的输出结果

var a,b = 0,fn = function(){
var a = b = 2;
};
fn();
console.log(a,b);

（0，2）
9、请说出下面代码的输出结果

var b = {a:1,b:2}[0];

10、json对象和json数组各举一个例子。
json对象：

var status_process = {
                " name5" : '闲置期',
                "name1" : '播种期',
                "name2" : '苗期',
                "name3" : '生长期',
                "name4" : '采收期'
} 
alert(status_process["name5"]);
alert(status_process.name5);

json数组：

packJson = [
        {"name":"zhang", "password":"123"},
        {"name":"li", "password":"456"}
];
for(var p in packJson){//遍历json数组时，这么写p为索引，0,1
    alert(packJson[p].name + " " + packJson[p].password);
}

11、请分别说明css水平、垂直居中的方法。
方法一：padding填充
方法二：绝对定位
方法三：计算属性（calc）
方法四：absolute + margin: auto;
方法四：absolute + transform
方法五：父级flex布局
方法六：父级table布局
13、vue的生命周期。
14、请说明下图错误的原因
15、什么是深克隆，什么是浅克隆。