《风尚坐火箭学习vue》-- 第八章：Vue小测试以及知识点

前言：前端框架千千万，独有vue占一半

我是风尚，让我们一起坐火箭去学习Vue

---

《风尚坐火箭学习vue》-- 第八章：Vue小测试

上章回顾：“啊，师傅，这怎么整起数组和字符串的方法了啊？我有点忘记了啊”

---

“啊，师傅，这怎么整起数组和字符串的方法了啊？我有点忘记了啊”风尚一脸郁闷的说。

“什么？学着前面忘着后面？别说了，给你一个小时复习时间，给你来个小测试！总20道题，一题5分，考试前可以度娘，等会发你！考试不过80抄两遍，低于60抄5遍啊！”老头怒气冲冲的说道。

话音刚落，风尚懵了，直呼好家伙.

“滴滴”风尚的邮箱传来了收到老头发来的2个邮件。

第一个邮件内容如下：

A卷：

1. 前端常用的框架和库写4个
2. 创建vue实例的主要参数有哪些？比如：el 模板指定
3. vue文本渲染指令有哪些？
4. vue 条件渲染指令有哪些
5. 写一段html模板对 list = ["A","B","C"] 进行遍历，并记录下标索引从1开始
6. vue 属性与属性指令的简写是？
7. vue 事件与事件的简写指令是？
8. js中常用的数组高阶方法有哪些？比如 forEach  写5个
9. vue的中文官网是？
10. jQuery 中用$.ajax 方法请求一个jsonp数据（手写伪代码）

第二个邮件内容如下： 

B卷：

1. 写出vue实例化选项参数有哪些？5个，比如：el 指定模板
2. v-if与v-show的区别是？
3. 写一个简单的计算
4. 写一个简单的监听
5. 写一个简单的过滤
6. vue2.0响应式原理是
7. 列出js高阶函数 5个
8. 列出js数组常用方法5个
9. 列出js字符串常用方法
10.  post与get请求方法的区别是？

 风尚看完直接蒙圈了，直呼好家伙.....在小声嘟囔：“老头对我可真狠啊！”风尚说完看了一下表，还有50分钟，赶紧度娘.....

“滴滴滴”，闹钟响了，风尚脑子一片空白... 

“风尚，该考试了！”老头说道.说完风尚开始埋头苦写起来0.0

---

时间一分一秒的过去，风尚写完了.....

老头拿起风尚写得东西开始检查，说：“80分，全部抄2遍，增加一下记忆。”

此时风尚的邮件里又多了两个邮件0.0

第1个邮件内容：

A卷答案：

1. 前端常用的框架和库写4个
vue jquery react angular

2. 创建vue实例的主要参数有哪些？比如：el 模板指定
el模板指定，
data数据
methods 方法

watch 监听
computed 计算
filters 过滤
directives 指令
components组件
props属性

3. vue文本渲染指令有哪些？
{{}} v-text v-html

4. vue 条件渲染指令有哪些
v-if
v-else
v-elseif
v-show

5. 写一段html模板对 list = ["A","B","C"] 进行遍历，并记录下标索引从1开始
<p v-for="(item,index) in list" :key="index">{{index+1}}-{{item}}</p>

6. vue 属性与属性指令的简写是？
v-bind:属性=“xxx”
:属性=“xxx”

7. vue 事件与事件的简写指令是？
v-on:事件名=“xxx”
@事件名 =“XXX”

8. js中常用的数组高阶方法有哪些？比如 forEach  写5个
forEach 遍历
filter 过滤
map 映射
reduce 累计
some 有一个
every 每一个
sort
find查找
findIndex查找下标
forEach((item,index,self)=>{
})

9. vue的中文官网是？
http://cn.vuejs.org

10. jQuery 中用$.ajax 方法请求一个jsonp数据（手写伪代码）
$.ajax({
url:
type:"GET",
dataType:"jsonp",
success(){}
error(){}
beforeSend(){}
compelete(){}
})
.then()
.catch()

第1个邮件内容：

B卷答案：

1. 写出vue实例化选项参数有哪些？5个，比如：el 指定模板
el 选项
data 数据
methods 方法
watch 监听
computed计算
filters 过滤

2. v-if与v-show的区别是？
v-show隐藏是通过css方法隐藏，v-if是移除dom
v-show适用于多次频繁切换，反之v-if

3. 写一个简单的计算
computed:{
rmsg(){return this.msg.split('').reverse().join('')}
}

4. 写一个简单的监听
watch:{
"num":{handler(nval){},deep:true}
}

5. 写一个简单的过滤
filters:{
fix(value,arg){return value.toFixed(arg)}
}

6. vue2.0响应式原理是
通过Object.defineProperty 去劫持对象的getter与setter方法
结合订阅与观察者模式，使用watcher链接指令与模板
当数据更新时候通知所有该数据订阅者更新

7. 列出js数组高阶函数 5个
forEach  遍历
map 映射
filter 过滤
reduce 累计
every 每一个
some 有一个

8. 列出js数组常用方法5个
pop 删最后
push 添加最后
shift 删最前
unshift  添加最前
splice  从第n个删m个，添加
concat 合并数组
indexOf 查找下标
find 查找元素
findIndex 查找元素所在的下标
sort 排序
reverse 反之
join 链接为字符串

9. 列出js字符串常用方法5个
substring 从第n个截取到m个
substr 从第n个截取m个
split 分割为数组
slice 切片
indexOf 查找下载 lastIndexOf
charAt 第n个
replace 替换
search 搜索
match 匹配 

10.  post与get请求方法的区别是？
post 没有大小现在 get 2K
post不能缓存  get可以
post 不能收藏书签分享链接 get 可以
post 参数在地址不显示 get可以
post用于增，删除，改 get 查（获取）

风尚竟然无言以对0..........................................