前端面试题--记录

1.如何CS3旋转图片90°
使用transform属性，transform:rotate(90deg)
2.Vue.js生命周期含义
每个 Vue 实例在被创建时都要经过一系列的初始化过程，在此期间会运行一些生命周期钩子的函数。
1.beforeCreate：创建Vue实例的过程；
2.created:创建实例成功，可以调用methods里的方法、data里的函数；
3.beforeMount:内存中已经编译好了模板了，但是还没有挂载到页面中。
4.Mount:Vue实例已经初始化完成了;
5.beforeUpdate:页面还没有和最新的数据保持同步;
6.updated:页面显示的数据和data中的数据已经保持同步了;
7.beforeDestory:Vue实例从运行阶段进入到了销毁阶段,还没有真正被销毁;
8.destroyed:组件已经被销毁了。
附加：第一次加载页面会触发哪些钩子？
beforeCreate、created、beforeMount、Mount
3.axios中如何封装url，不用每次传完整的路径。
设置baseURL为基础路径，url为请求服务器的url。 调用时,url直接加到baseURL后面。

4.讲一讲Json。
轻量级的文本数据交换格式。
特点：1.易于解析，通过eval()进行JSON数据的读取。
2.JSON文件格式压缩，占宽带小，易于维护
5.二分法（折半搜索）
前提是有序数组，数据量很大时使用。
基本思想： 对于给定值key，从序列的中间位置k开始比较，
如果当前位置arr[k]值等于key，则查找成功；
若key小于当前位置值arr[k]，则在数列的前半段中查找,arr[low,mid-1]；
若key大于当前位置值arr[k]，则在数列的后半段中继续查找arr[mid+1,high]，
6.如何使用jQuery操作未设定的DOM。
7.v-if和v-show的区别？
共同点：都能控制元素的显示和隐藏；
不同点：实现本质方法不同。
v-show本通过控制css中的display设置为none，控制隐藏，只会编译一次；
v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false，就不会编译了。
v-if不停的销毁和创建比较消耗性能。
频繁切换某节点，使用v-show(切换开销比较小，初始开销较大)。
不需要频繁切换某节点使用v-if（初始渲染开销较小，切换开销比较大）。
8.v-if和v-for同时使用在同一个标签上的表现？
当v-if与v-for一起使用时，v-for具有比v-if更高的优先级，这意味着v-if将分别重复运行于每个v-for循环中。
9.vue组件之间的通信
传递参数可以使用props，传递函数可以直接在调用子组件的时候传递自定义事件，并使用$emit来调用。1.父传子：子组件使用props接收;2.子传父：this.$emit(arg1,arg2) arg1:方法名字，arg2:要传出的值；
3.兄弟传参: 第一步：构造一个中间量，在vue文件main.js中，我们利用 Vue.prototype.bus=new Vue()
第二布：第一个组件作为发送方，使用this.bus.$emit('arg1','arg2');
第三步：第二个组件作为接收方，在beforeCreate生命周期获取传过来的值，使用this.bus.$on（'arg1'，'arg2'）
10.Vue页面间传参
通过设置router进行传参。
事件传参：query传参（相当于get传参）页面跳转时参数会在地址栏中显示
params传参（相当于post传参）：参数不会在地址栏中显示
10.内联元素(inline)和块装元素
内联元素：input img span label
块状元素: div、form、h1-h6、p、ul
11.router内的生命周期函数
1.全局路由：三个参数
beforeEach（to,from,next） 可以在此处拦截路由
afterEach(()=>{…}) 在所有路由跳转完成时调用
2.组件内的路由
beforeRouteEnter(to,from,next){next()} 此时不能访问vue实例
beforeRouteUpdatebeforeRouteUpdate(to,from,next){next()}//可以访问 vue 实例
beforeRouteLeave(to,from,next){next()} 离开当前路由时执行，可以访问vue实例