1.CSS部分1.简单介绍CSS权重优先级：默认样式<标签选择器<类选择器.father{width:300px;高度：300px；显示：表格单元格；文本对齐：居中；垂直对齐：居中；}.son{背景：红色；显示：内联块；垂直对齐：中间；b)使用CSS3变换：父框设置：position:relative;子框设置：position:absolute;left:50%;top:50%;transform:transform(-50%,-50%);代码实现：=>.father{width:300px;高度：300px；职位：相对；}.son{背景：红色；位置：绝对；顶部：50%；左：50%；变换：变换（-50%，-50%）；}c)Flexbox：父框设置：display:flex;justify-content:center;align-item:center;子框设置：空，无需设置代码实现：=>.father{width:300px;高度：300px；显示：弹性；证明内容：居中；对齐项目：居中；}.son{背景：红色；}[参考]([https://zhuanlan.zhihu.com/p/27186791][1])3.如何用css画三角形：代码实现：=>#eg{width:0;高度：0；边框：100px实心透明；border-bottom:100px纯蓝色；二、JS部分：1、请写一段代码将“2019-4-28”转换为“April28,2019”代码实现：=>letstr='2019-4-28';让year=str.split('-')[0];让month=str.split('-')[1];让date=str.split('-')[2];让str1=年+“年”+月+“月”+日+“日”；安慰。日志（str1）；2、写一段代码，将数组['a','b','c']转换为['c','b','a']（可以用js自带的方法，或者可以自己实现）代码实现：=>vararr=['a','b','c'];//vararr1=arr.sort();//正序vararr1=arr.reverse();//倒序console.log(arr1);三、vue部分：1、vue的生命周期钩子函数有哪些？回答：=>beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyed[详细]([https://www.cnblogs.com/xkloveme/p/7435271.html][2])2、什么是keep-alive？它有什么作用？他对应的钩子函数有哪些？答：=>是Vue的内置组件，可以在组件切换时将状态保存在内存中，防止重复渲染DOM。对应的钩子函数：activated类型：func触发时机：激活keep-alive组件时使用；deactivated类型：func触发时机：当keep-alive组件被deactivated时调用；3、vue的事件修饰符是什么，她能做什么事情？举个栗子：在vue的点击事件中，如何防止事件传播？answer:=>事件修饰符处理了很多DOM事件的细节，让我们不再需要花费大量时间去处理这些麻烦的事情，而是可以有更多的精力专注于程序的逻辑处理。Vue中的事件修饰符主要包括：.stop：相当于JavaScript中的event.stopPropagation()，防止事件冒泡。prevent:相当于JavaScript中的event.preventDefault()，阻止执行预设的行为（如果事件Cancellable，事件将被取消而不停止事件的进一步传播）.capture:与事件冒泡的方向相反，事件捕获是从外到内。self：只触发自身范围内的事件，不包括子元素。once：只会触发一次例如：=>.stop防止事件冒泡-点击父节点的事件4、什么是vuerouterroutingnavigationguard？你在工作中用过她吗？她经常处理什么问题？导航守卫就是路由跳转的时候。根据vue-router提供的navigationguard，主要用于传递跳转或取消参数或query的改变，而不触发进入/退出navigationguard在路由跳转前做一些验证，比如登录验证，是网站中常见的需求。对此，vue-route提供的beforeRouteUpdate可以方便的实现navigation-guards。5、从路由/user跳转到/home有多少种方式？1.router-link2.this.$router.push()(函数中调用)3.this.$router.replace()(同上，push)4.this.$router.go(n)()[详细介绍]([https://blog.csdn.net/jiandan1127/article/details/86170336][3])6.什么是vuex？他的角色是什么？如何改变store中的状态（state）？答：=>vuex是专门为vue.js应用开发的状态管理模式。Vuex解决了组件之间共享同一个状态的问题。当我们的应用遇到多个组件之间的共享问题时，就会需要状态管理核心状态管理有5个核心，分别是state、getter、mutation、action和module。1.state状态是一个单一的状态树。在状态中，我们需要定义我们需要管理的数组、对象、字符串等。只有在这里定义了，才能在vue.js的组件中获取到你定义的对象的状态。2.简单存储模式varstore={debug:true,state:{message:'Hello!'},setMessageAction(newValue){if(this.debug)console.log('setMessageActiontriggeredwith',newValue)这个。state.message=newValue},clearMessageAction(){if(this.debug)console.log('clearMessageActiontriggered')this.state.message=''}}store中所有的state变化都放在store自己的action中去管理。这种集中式状态管理可以更轻松地了解将发生哪些类型的突变以及它们是如何触发的。当一个错误发生时，我们现在还有一个记录错误发生之前发生的事情的日志。此外，每个实例/组件仍然可以拥有和管理自己的私有状态：varvmA=newVue({data:{privateState:{},sharedState:store.state}})varvmB=newVue({data:{privateState:{},sharedState:store.state}})结束！
