总结面试

故心故心故心故心小故冲啊

---

---

1.async await 如何检测异常

通过try catch

2.vue中的修饰符

vue修饰符

3.在vue中样式设置了scope唯一性,那么如果需要里面的一个样式呢?

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)

<style scoped>

  外层 >>> 第三方组件 {
      样式

  }

/deep/  第三方组件 {
      样式

  }
</style>

4.push和 replace的差别 就是 this.$router.push() 和this.$router.replace() 以及go的差别

1.this.$router.push()

描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。

2.this.$router.replace()

描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

5.get 和post区别

6.promise 与 async await

JavaScript Promise 是替代传统回调函数的一个方案，是回调函数的一个改进版。但使用 Promise 会让代码中大量出现 then 方法，一长串的那种。ES2017 引入了一种新的处理异步任务的方式----async 函数，它比使用 Promise API 更加简洁。

7.this的理解

1.在构造函数中 this指向永远绑定在实例化对象中
2.在直接调用中 this指向window

var name='window'
function fun(){
  var name='fun'
  console.log(this.name)
}
let obj={
  fun:fun,
  name:'hkj'
}
let f=obj.fun
f()         //window

3.在箭头函数中 箭头函数没有this，所以只能向外借用this

4.当做属性调用 被当做属性调用时，函数中this指向对最后一个调用函数的对象。这里指向obj,所以name为hkj

var name='window'
function fun(){
  var name='fun'
  console.log(this.name)
}
let obj={
  fun:fun,
  name:'hkj'
}
obj.fun()       //hkj

5.定时器内this指向 setTimeout中的this都指向window。

8.文本缩略

单行文本溢出的时候

overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //溢出用省略号显示
white-space:nowrap; //溢出不换行

多行文本溢出
要显示的行数 = 高度 行高

 /* 多行文本溢出 */
  overflow: hidden;
 /*高度为需要显示的行数*行高，比如这里我们显示两行，则为3*/
 line-height: 1.5em;
 height: 3em;

9.异步 什么是异步

异步(async)是相对于同步(sync)而言的
同步就是一件事一件事的执行。只有前一个任务执行完毕，才能执行后一个任务。
JS单线程的,在执行代码是一行一行的执行的,如果遇到一些时间长的代码任务,是不会停下来等待的
这时候就产生异步,将这些时间长的代码放到一个任务队列中,先把同步任务执行完毕,然后再去执行这些异步任务

10.跨域

CSRF（Cross-site request forgery）跨站请求伪造

11.vue中路由守卫

beforeEach 全局前置守卫(最多)
afterEach 全局后置守卫
beforeResolve 全局解析守卫

路由导航守卫：
beforeRouteEnter
beforeRouteUpdate
beforeRouteLeave

12.手机端适配

通过媒体查询+rem进行适配
在不同的html字体大小中,实现不同的适配

13.vue.set 和vue.delete

14.Vue-directive自定义指令

15.ajax与axios的差别

ajax与axios的差别