面试总结归纳 #3

1.讲一讲JQ的原理?
答：jq引入后就是一种引入了一种新的类型,都是由构造函数和原型对象组成的,简化了DOM操作

2.什么是MVVM?
答：vue就是基于MVVM渐进式的纯前端框架,旧版前端开发包含HTML,CSS,JS,因为HTML和CSS连程序最基本的变量都不支持,导致JS中所有的步骤都的用JS编写,特别麻烦,所以MVVM设计模式,就是界面,模型对象,视图模型,界面就是增强版的HTML和CSS,模式对象,保存界面所需要的所有变量和函数,实拍图模型来维护模型对象中的变量与界面中的变量同步.

3.VUE的优点是什么?
答：轻量级框架,只关注视图层,双向数据绑定,组件化,视图,数据,结构分离,使用数据更为简单,虚拟DOM,不再使用原生的DOM操作节点,解放DOM操作

4.vue的绑定原理是什么?
答：使用vue时,内存就添加了一种新的类型,只要希望监控页面上的一个区域,就要创建new vue对象,newvue第一件事把data引入,data中的每个变量添加访问器属性,隐藏实际变量,只要newvue中视图修改data变量,修改的都是访问器属性,newvue将methods中每个对象处理函数保存,再将函数分别引入newvue中,newvue会按照选择器的指示,扫描el中的监控区域,创建虚拟DOM树来保存元素变化的信息,只要修改data中的变量,方位其属性set就会发送通知,只找受影响的元素.

5.vue中都有哪些指令?
答：v-bind v-show v-if v-if-else v-model v-for v-text  v-html v-cloak v-on v-once 基本回答这些就够了

6.v-if 和 v-show共同点和不同点?
答：共同点都能控制元素隐藏和显示,不同点,v-show本质就是控制css中的display属性,只会编译一次,v-if是动态向DOM树添加或者删除元素,如果要频繁切换节点v-show不需要频繁切换节点用v-if

7.v-for是什么?
答：根据数组内容返回多个相同结构的元素

8.v-text 和 v-html的区别?
答：text纯文本内容,html会翻译标签

8.说出几种vue当中的指令和它的用法？
答：v-model双向数据绑定；v-for循环；v-if v-show 显示与隐藏；v-on事件；v-once: 只绑定一次。

10.什么是双向数据绑定?
答：既能将程序中的变化自动更新到页面上,也将页面的变化,返回到程序变量中,v-model其实就是自动给元素绑定oninput或onchange事件,oninput用户输入就会触发,onchange改变触发

11.双向数据绑定原理?
答：使用defineProperty访问器属性进行劫持每个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变.

12.自定义写过指令吗?
答：Vue.directive里包含指令名字,回调函数会把当前带由自定义指令的元素传入回调函数的形参中,结果用法前缀加v-,newvue扫描到以后就会对带有指令的元素进行操作,比如自定义获取焦点等很多.

13.计算属性是什么?
答：有些值,需要根据属性值反复计算才能获得,自己不保存属性值,而是需要根据据变量的值动态计算自己属性值得特殊属性,就是计算属性,newvue扫描到计算属性,会自动执行计算属性得函数,获得返回值,缓存起来,下一次再扫描到同名属性时,不会重复调用函数计算

14.computed和methods中有什么差别?
答：methods中普通函数得计算不会被缓存,导致反复计算,computed中计算属性会缓存,反复使用,不会反复计算,如果不关心返回结果就用methods,频繁操作返回值时,优先选择计算属性

15.过滤器怎么用?
答：可以对变量原始值进行加工后再显示得函数,vue.filter()里面写上过滤名称,过滤函数,形参代表变量原始值, 在使用过程中,变量竖线加过滤名称,
也可以传递参数,但是注意第一个永远都是变量得原始值

16.axios有哪些特点?
答：axios是一个基于promise的HTTP函数库,可以拦截请求和响应,可以转换请求数据和响应数据

17.axios有哪些常用的方法?
答：get 请求列表的信息查询  delete 删除 post 请求用于信息添加 put 更新操作

18.axios相关配置?
答：1.url请求的服务器URL
	2.method创建的方法
	3.baseURL：自动加载url前面
	4.parmas：即将与请求一起发送的URL参数

19.生命周期?
答：newVue对象从创建到销毁所经历的阶段为生命周期,一共分为4个阶段,创建阶段create,创建data对象.引入methods中的函数,暂时不会扫描DOM
树,挂载阶段,扫描DOM树,首次加载到页面中显示,可以执行DOM操作,更新阶段 只有当data中的数据被改变才会触发,销毁阶段:主动调用destory()销毁当前vue时候才会触发

20.生命周期的钩子函数?
答：一共有8个钩子函数： 1.beforecreate创建前 2.create创建阶段 3.beforeMount挂载前 
	4.mounted挂载阶段  5.beforeUpdate更新前 6.updated更新阶段 7.beforeDestroy销毁前 8.destroy销毁阶段 

21：为什么使用key?
答：有相同标签名的元素切换时,需要通过 key 特性设置唯一的值来标记以让 Vue 区分它们，否则 Vue 为了效率只会替换相同标签内部的内容。

22.封装组件的过程?
答：使用extend创建一个组件,component注册组件,如果子组件需要数据,可以props中接收定义,子组件修改好数据后,可以用$emit()方法返回

23.组件分为哪几种?
答：根组件newvue 全局组件component可以在项目任何位置用没有限制 子组件 规定只能在某个父组件内才能使用的组件

24.组件间传值?
答：父传子：父组件通过自定义标签属性定义值,子组件props负责接这个值
	子传父：子组件v-on定义方法名字,这个自定义方法的处理函数是父组件里的方法,由子组件触发 this.$emi自定义方法名字

25.SPA是什么?
答：单页面应用,几乎所有PC或者移动端项目都用单页面来做,缺点首屏加载速度极慢

26.怎么实现单页面应用?
答：创建唯一完成的HTML页面,规划项目中包含几个页面,每个页面都要有独立的子组件,配置路由,实现切换页面

27.route router routes区别?
答：router是用newvue创建出来的路由器,routes是路由字典数组,route是路由地址

28.页面跳转传值?
答：改造路由字典中的路由地址,可以携带参数到下一个页面,跳转时,拼接路径,在下个页面props接住参数值

29.	vue-cli工程用到了哪些技术?
答：vue-router路由框架,vuex项目开发状态管理器,维护组件共用的变量和方法,axios发起get,post等http请求的函数库,vue-cli工程打包器

30.vue-cli工程结构?
答：public唯一HTML页面 SRC自己编写的源代码 VUE文件

31.怎么解决组件样式冲突?
答：在标签加入scoped ,但最好的方法是定义组件时,就给唯一父元素一个class名

32.防抖,节流?
答：防抖,频繁触发事件,如果设定事件没来到,有一次触发,就重新演示,scroll滚动事件
	节流,频繁触发时,保证一定事件只调用一次事件处理函数,时间戳和定时器

33.说出几个MINT-UI常用组件
答：button组件 navbar组件,toast组件,Field组件

34.webstorage是什么?
答：web storage提供了两种存储的机制,localstorage即使关闭浏览器也会有,sessionstorage只在当前页面有效,两种机制可以通过window访问

35.cookie怎么用?
答：获取document.cookie expires设置生命周期

36.vuex是什么?
答：本质就是vue插件,专门提供状态管理,常见的状态有用户登录状态,购物车信息等

37.vuex的state、getter、mutation、action特性分别是什么?
答：state数据存放地,gettter缓存数据只有数据缓存才会重新计算,mutation改变状态的唯一实现方式,action可以进行异步操作

38.HTML5都有哪些新特性?
答：视频,音频,拖放,画布,地理定位,webworkers,web存储

39.canvas是什么?怎么绘制?
答：canvas是可以用js来绘制图形的HTML元素,获取元素,设置宽高,获取上下文对象,可以绘制矩形,填充矩形,描边,文本等

40.webworker是什么?
答：js语言单线程,所有任务只能在一个线程完成,如果应用存在大量繁琐的操作,就会造成线程阻塞,webworker就是为js创建多线程的环境,然后把困难的算法放入webworker线程执行

41.地理定位怎么实现?
答：获取geo对象调用当前对象位置方法,获取coords,获取经度,纬度,创建地图对象.

42.websocket
答：一种通信协议,客户端可以向服务器发送消息,服务端也可以主动向客户端推送消息.

43.echarts怎么同?
答：引入echarts 网页div设置宽高,通过echarts对象init()方法创建图示例,通过setOption完成图标初始化

44.微信小程序的目录结构有哪些?
答：app.json小程序全局配置, pages.json单页面配置,wxml,wxss,js

45.vuex解决了什么?
多个组件依赖于同一状态时，对于多层嵌套的组件的传参将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。来自不同组件的行为需要变更同一状态引用传递特别麻烦 导致无法维护的代码。

46.什么场景用vuex?
答：多个组件需要依赖同一种状态时