收集面试题用于公司面试：
一、html、css 部分
1.清除浮动的几种方法
2.如何实现不定宽高的垂直水平居中
1.使用Flex布局，设置父元素
display:flex;
content:center;
align-item:center;
2.使用CSS3 transform
设置父盒子：position:relative;
设置要居中的DIV：
transform: translate( -50%, -50%);
position:absolute;
top:50%;
left:50%;
3.使用display:table-cell方法
设置父盒子：
display:table-cell;
text-align:center;
vertical-align:middle;
设置要居中的DIV：
display:inline-block;
vertical-align:middle;
3.bootstrap的栅格系统分别有哪几种尺寸以及对应临界点（768px 992px 1200px）
4.页面保持空格和换行等以及溢出自动换行 <pre> white-space:pre-wrap
5.实现一个三栏布局几种方法（100px， 适应， 150px）flex属性是哪几种属性的缩写（flex-grow flex-shrink flex-basis）
二、javascript部分（包含ES6,jQuery）
jquery:
1.jQuery封装的ajax全局事件有哪些，如何进行ajax全局拦截？
$.ajaxSetup
ajaxStart
ajaxStop
ajaxComplete
ajaxSuccess
ajaxSend
ajaxError
全局拦截：
$(document).ajaxStart(function(){
$("#loading").show();
console.log(1)
}).ajaxStop(function(){
setTimeout(function () {
$("#loading").hide();
},3000)
console.log(2)
})
2.jquery的$.each()和each（）方法的区别
3.jquery的parent（）parents（）closest()区别
javascript:
4.几种数据类型及区别，es6新增的数据类型Symbol
5.深拷贝和浅拷贝区别，如何实现深拷贝
6.如何判断一个变量是数组而不是对象
7.实现一个数组去重的方式
8.ajax跨域问题的处理
9.Axios的几种请求方式，入参结构有什么差异
10.模板字符串及箭头函数优点
三、框架部分
vue部分
1.css只在当前组件起作用
在style标签中写入scoped即可 例如：<style scoped></style>
2.vue几种常用的指令
v-for 、 v-if 、v-bind、v-on、v-show、v-else
3.vue中 key 值的作用？
当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。key的作用主要是为了高效的更新虚拟DOM。
4.vue生命周期总共有几个阶段？
答：它可以总共分为8个阶段：创建前/后, 载入前/后,更新前/后,销毁前/销毁后。
5.第一次页面加载会触发哪几个钩子？
答：会触发 下面这几个beforeCreate, created, beforeMount, mounted 。
6、Vue组件间的参数传递
父组件传给子组件：子组件通过props方法接受数据;
子组件传给父组件：$emit方法传递参数
兄弟组件传值：eventBus，就是创建一个事件中心，相当于中转站，可以用它来传递事件和接收事件。项目比较小时，用这个比较合适。
7.vue路由的钩子函数
首页可以控制导航跳转，beforeEach，afterEach等，一般用于页面title的修改。一些需要登录才能调整页面的重定向功能。
beforeEach主要有3个参数to，from，next：
to：route即将进入的目标路由对象，
from：route当前导航正要离开的路由
next：function一定要调用该方法resolve这个钩子。执行效果依赖next方法的调用参数。可以控制网页的跳转。
8.vuex是什么？怎么使用？哪种功能场景使用它？
只用来读取的状态集中放在store中； 改变状态的方式是提交mutations，这是个同步的事物； 异步逻辑应该封装在action中。
在main.js引入store，注入。新建了一个目录store，….. export 。
场景有：单页应用中，组件之间的状态、音乐播放、登录状态、加入购物车
包含属性：
state
Vuex 使用单一状态树,即每个应用将仅仅包含一个store 实例，但单一状态树和模块化并不冲突。存放的数据状态，不可以直接修改里面的数据。
mutations
mutations定义的方法动态修改Vuex 的 store 中的状态或数据。
getters
类似vue的计算属性，主要用来过滤一些数据。
action
actions可以理解为通过将mutations里面处里数据的方法变成可异步的处理数据的方法，简单的说就是异步操作数据。view 层通过 store.dispath 来分发 action。
网友评论