面试-项目

1.OA管理系统

菜单权限如何实现的？
登录之后会得到用户的token信息，根据用户token信息获取所有该角色下的所有权限数据。
循环遍历这个权限数据，通过递归的方式得到一个树形的菜单。然后页面渲染就好了

项目里有对axios进行封装么？
有，封装了一个http模块，通过axios.create()方法进行封装的，http模块里有错误处理，设置超时时间

react-redux里有个connect函数，这个函数都用来做什么事了？
connect方法做的事情是将state和dispatch绑定到Connect组件的参数上，然后Connect组件将你当前的
app组件封装起来，使得App组件可以通过props获取到父组件Connect传递的state和props

react里如何进行性能优化的？
class组件可以通过在shouldComponentUpdate阶段，判断state和props是否相等。
函数组件可以通过使用useCallback函数，这样可以避免频繁创建及销毁函数

2.民族影城app

登录拦截这块是怎么处理的？
登录拦截是写在路由的beforeEach（）函数里面，判断localStorage里有没有token，没有token跳转到登录页。
退出登录的时候会把localstorage里的token数据清空

swiper组件你是怎么封装的？
采用的是vue里的插槽，首先封装一个轮播图的组件swiper，在这个组件里编写轮播图组件的结构，轮播
元素swiper-slider部分预留一个插槽。引入封装好的swiper组件的同时，往插槽里添加轮播内容。
轮播的分页，循环播放等等功能通过组件的属性进行传递

懒加载是如何实现的？
首页影片数据加载的时候不是一次性请求所有的数据，每次只请求部分数据，把pagesize，pagenum传递给
后端。每次加载的时候会有个loading提示。加载结束，提示关闭。

Vuex都包括那几个属性，你都用过哪几个？