Web前端面试题讲解

问题一：如何对元素进行居中（垂直水平）？

/*弹性模块*/  使其子元素居中

display:flex;

align-items:center; //垂直居中

justify-content:cenyer; //水平居中

/*子元素绝对定位*/

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

问题二：有使用过vuex（状态管理）吗？请描述一下。

vuex的网址链接：https://vuex.vuejs.org/zh/

Tip:

状态管理的话在我的项目中有用过，它主要是将组件之间共享的数据放在状态管理里的State里面对象进行存储。如果我们需要进行过滤、筛选数据的话，我们会将这一部分的逻辑放在Getter里面来进行定义，Getter里面定义的就类似于组件里面的计算属性，它的结果具有缓存作用。但如果我们要进行同步更改这个状态的话，我们会在Mutation里面定义方法来进行操作，如果我们要进行异步来更改状态的话，我们会将方法定义在Action里面。如果是说我们这里的状态的数据非常多的话，我们可以使用model分模块化来管理这些状态。 

问题三：请描述一下Vue的生命周期

网页链接：https://cn.vuejs.org/v2/guide/instance.html

问题四：组件传值的方式有哪些？

props网页链接：https://cn.vuejs.org/v2/guide/components-props.html

问题五：路由传参怎么实现？（组件与组件之间传值）

路由：https://cn.vuejs.org/v2/guide/routing.html

问题6：Promise是用来干嘛的？（ES6知识 Ajax）

https://developer.mozilla.org/zh-CN/search?q=promise&topic=apps&topic=html&topic=css&topic=js&topic=api&topic=canvas&topic=svg&topic=webgl&topic=mobile&topic=webdev&topic=http&topic=webext&topic=standards

问题7：双向绑定的原理是什么？

https://cn.vuejs.org/v2/guide/forms.html

问题8：路由底层实现的原理是什么？

问题9：插槽有使用过吗？描述一下

https://cn.vuejs.org/v2/guide/components-slots.html#ad

问题10：在vue.js中如何实现组间的继承

https://cn.vuejs.org/v2/api/#extends

使用extends来指定要继承的这个组件，讲一个组件就扩展到另一个组件就可以使用了

问题11：js实现继承的方式有哪些？

问题12：webpack有使用过吗？

https://www.webpackjs.com

问题13：移动端缩放是怎么实现的？

问题14：对css预处理器有了解吗？

www.bootcss.com/p/less

问题15：前端跨域的方式有哪些？

代理：