前端大厂面试总结大全

目录1、Vue怎么对表单的输入框进行校验多种方式2、Promise的使用方法3、this.r o u t e r . p u s h ( ) 以及 t h i s . router.push()以及this.router.push()以及this.router.replace()的用法介绍4、vue中this.r o u t e . q u e r y 和 t h i s . route.query和this.route.query和this.route.params传参的使用和区别5、vue中this.$nextTick()的用法6、this.$notify的用法7、Vue $mount的用法以及render方法8、vue中 router.beforeEach() 的用法9、vue中组件的props属性10、v-model以及this.emit()的用法11、前端面试题大全非自己面试被问到的可供学习12、vue3和以前的版本有哪些差异点1、Vue怎么对表单的输入框进行校验多种方式通过data里面使用rules来对表单进行校验表单验证插件jquery-validate2、Promise的使用方法promise是一种异步解决方案。由于ajax异步方式请求数据时我们不能知道数据具体回来的事件所以过去只能将一个callback函数传递给ajax封装的方法当ajax异步请求完成时执行callback函数。promise对象接受resolve和reject两个参数当一个异步动作发生时promise对象会通过resolve完成对动作成功进行解析reject会捕获这个动作的异常。一个promise对象通过newPromise().then()执行下一步骤操作。axios is a promise based HTTP client for the browser and node.js。也就是说使用axios发出请求难免涉及promiseaxios/ajax都是异步请求。3、this.r o u t e r . p u s h ( ) 以及 t h i s . router.push()以及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.r o u t e . q u e r y 和 t h i s . route.query和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中设置一些条件来控制路由的重定向。具体用法9、vue中组件的props属性props实现父子组件中进行传值或者接受别的组件传过来的值。具体用法介绍10、v-model以及this.emit()的用法v-model允许一个自定义组件在使用 v-model 时定制 prop 和 event将组件实现数据双向绑定的效果emit的组件传值方法介绍一般与prop对应使用11、前端面试题大全非自己面试被问到的可供学习学习链接12、vue3和以前的版本有哪些差异点Vue 3 并非一个简单的增量更新而是一次彻底的重构其目标是解决 Vue 2 在大型项目中的架构中的架构局限并拥抱现代 JavaScript 的特性。它的变化可以概括为更快、更小、更强的组合性、更好的 TypeScript 支持。