前端开发面经 前端面试经验

1、jquery：将ajax的success，cmoplete，error等方法进行封装，通过｛｝大括号的对象入口，进行调用。

var option = {}; 
option.success = function(res){}
option.validate = function() {return true;}

2、图表：根据ajax的json数据，hightcharts接口，生成线图、饼图、柱形图、雷达图等

3、VUE：基于vue-cli的工程化开发，数据双向绑定，模版组件化，开发后台通过路由识别，解决传统后台的iframe和后端路由的配置。

vue全家桶：Vue+Vue-router+Vuex+axios， 通过Promise封装axiso，vuex的store管理action，getter，state，mutation， acton负责用户的请求转发，state负责设置变量，getter负责获取变量，mutation负责赋值给state里边的变量和sessionStorage本地存储。

mapGetters, mapActions等相关map函数，负责页面的模块注入。

this.$router.push：通过path跳转路由，query浏览器地址栏传参。

this.$route.query： 获取地址栏的？号传参

this.$route.name; 获取当前路由的名称， 可以打印this.$route对象。

vue生命周期：beforeCreate created beforeMount mounted mounted updated beforeDestroy ，使用watch监听变量的变化

beforecreated：el 和 data 并未初始化

created:完成了 data 数据的初始化，el没有

beforeMount：完成了 el 和 data 初始化

mounted ：完成挂载

beforecreate : 举个栗子：可以在这加个loading事件

created ：在这结束loading，还做一些初始化，实现函数自执行

mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情

beforeDestroy： 你确认删除XX吗？ destroyed ：当前组件已被删除，清空相关内容

4、element-ui： 是vue组件的具体化，整合了常用的页面布局，包括表单，表格、弹窗、loading、图标icon，分页等。有自己的el标签语法和validate校验方式等，风格的后台类似Bootstrap以前的外观。