前端面试题

机试题

路由有哪些模式

1. history 2. hash

路由中parms和query的区别

百度出来的：
1.使用params传参，路由配置的时候path要带上动态参数，注意：如果提供了 path，params 会被忽略，所以可以使用以下两种方式：；使用query传参，路由配置的时候path不用带参数；例如：
params跳转方式：
写法一：this.$router.push{(}^{\prime }/detail/${this.KaTeX parse error: Expected 'EOF', got '}' at position 16: route.params.id}̲') 写法二：this.router.push({name:‘detail’,params:{id:123}})
query跳转方法：
写法一：this.$router.push{(}^{\prime }/detail?id=${this.KaTeX parse error: Expected 'EOF', got '}' at position 15: route.query.id}̲'); 写法二：this.router.push({path:‘detail’,query:{id:123}})
2.要是想获取参数值的方式不同；例如： this.$route.query.id，this.$route.params.id
3. params在浏览器地址栏中不显示参数名称，例如：http://47.107.171.252:8001/#/detail/123456 ；
query在浏览器地址栏中显示参数名称，例如：http://47.107.171.252:8001/#/detail?id=123456

我自己的回答： 1. parmas 比 query要更安全一些，它类似与ajax里面post，而query类似与ajax里面的get方式，使用query的话，传递的参数会被拼接到地址栏中去，而post不会，而且parmas和query的传的参不一样，params的方式时{name："xxx’, {id: ‘xxx’}},query的话就是{path：‘xxx’, {id: ‘xxx’}}

什么是vuex ，vuex存储数据的流程是什么

vuex就是vue中状态管理的一个仓库，它总共分为5个部分，state、mutation、action、getter、modules
它存储数据的流程是首先再state里面定义一个要存储的变量，然后再mutation里面定义一个函数，然后函数传递两个参数，第一个参数是state，指向了vuex里面的state，然后第二个参数表示要存储的那个数据，然后在要使用这个变量的组件里面使用this.$store.commit(‘方法’，值)

怎么调用action里面的方法呢

使用this.$store.dispatch来调用

使用过菜单权限管理吗，怎么实现的

使用动态路由来实现的。在登录的时候后端会返给前端当前的人拥有查看那个菜单的列表，将这个列表的路由存储在vuex中，然后再在router.js里面使用addRouter来加进去

在登录的时候，有没有做过什么判断来控制登录呢，要是登录状态失效了怎么办呢

使用token来判断这个人是否可以进行登录，假如携带了token，就让他进入页面，假如没有，就不然他登录成功，当登录的状态失效了，就让他跳回登录页面，不让页面再显示

讲一讲echarts里面option的常用的一些属性

tooltip、xAxis、yAxis、legend、series、grid、dataZoom、title等等

如何调整饼图的显示

饼图的series的属性中有一个center属性，他可以接受几个值来调整饼图显示的位置，例如两个值的话就是上下、左右

element常用哪些组件

button、table、message、dialog、select、radio、input等等

element的table有哪些常用的东西

data、lazy、插槽等 （太多了，去看官网吧，哈哈哈哈)

有几个问题忘记了，想起来再来记录