面经

栏目: JavaScript · 发布时间: 5年前

内容简介: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以前的外观。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning PHP, MySQL, JavaScript, and CSS

Learning PHP, MySQL, JavaScript, and CSS

Robin Nixon / O'Reilly Media / 2012-9-3 / USD 39.99

If you're familiar with HTML, you can quickly learn how to build interactive, data-driven websites with the powerful combination of PHP, MySQL, and JavaScript - the top technologies for creating moder......一起来看看 《Learning PHP, MySQL, JavaScript, and CSS》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

MD5 加密
MD5 加密

MD5 加密工具