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 以前的外观。