面经
栏目: JavaScript · 发布时间: 7年前
内容简介: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的工程化开发,数据双向绑定,模版组件化,开发后台通过路由识别,解决
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以前的外观。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Impractical Python Projects
Lee Vaughan / No Starch Press / 2018-11 / USD 29.95
Impractical Python Projects picks up where the complete beginner books leave off, expanding on existing concepts and introducing new tools that you’ll use every day. And to keep things interesting, ea......一起来看看 《Impractical Python Projects》 这本书的介绍吧!