前端大厂面试总结大全一

1、Vue怎么对表单的输入框进行校验（多种方式）

1. 通过data里面使用rules来对表单进行校验
2. 表单验证插件jquery-validate

2、Promise的使用方法

promise是一种异步解决方案。

• 由于ajax异步方式请求数据时，我们不能知道数据具体回来的事件，所以过去只能将一个callback函数传递给ajax封装的方法，当ajax异步请求完成时，执行callback函数。
• promise对象接受resolve和reject两个参数，当一个异步动作发生时，promise对象会通过resolve完成对动作成功进行解析，reject会捕获这个动作的异常。一个promise对象，通过new
  Promise().then()执行下一步骤操作。
• axios is a promise based HTTP client for the browser and node.js。也就是说，使用axios发出请求，难免涉及promise（axios/ajax都是异步请求）。

3、this.$router.push()以及this.$router.replace()的用法介绍

this.$router.push()主要用于点击事件实现跳转并传递参数的方法

this.$router.replace()它的作用类似于 router.push，唯一不同的是，它在导航时不会向 history 栈添加新记录，而是替换（覆盖）掉当前路由。
比如：A=> B=> C，在B=> C时用了replace，则B被C替换，历史记录的栈就成了这样：A=> C。此时，在C页面点击返回时会跳到A页面。

详细介绍

4、vue中this.$route.query和this.$route.params传参的使用和区别

• jquery可以通过name或path来引入路由。
• params只能通过name来引入路由，path会undefined。
• 简单说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，浏览器刷新页面不会消失，而params相当于post请求，参数不会在地址栏中显示，浏览器刷新页面后消失。
• watch路由监听，也可以通过key配合时间戳来确定路由的变化（扩展）。

详细介绍

5、vue中this.$nextTick()的用法

this.$nextTick 将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。

详细用法

6、this.$notify的用法

Notification通知, 悬浮出现在页面角落, 显示全局的通知提醒消息。
this.$notify({ type: “success”, message: “取消关注成功” });

实现的效果：

7、Vue $mount的用法以及render方法

render（）函数的用法：

render函数的作用是，当场景中用 template 实现起来代码冗长繁琐而且有大量重复，这个时候使用就可以极大的简化代码。

8、vue中 router.beforeEach() 的用法

• 在前端路由跳转中，路由跳转前都是会经过beforeEach，而beforeEach可以通过next来控制到底去哪个路由。
• 根据这个特性我们就可以在beforeEach中设置一些条件来控制路由的重定向。

具体用法