面经

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


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

查看所有标签

猜你喜欢:

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

欲罢不能

欲罢不能

[美] 亚当·奥尔特 / 闾佳 / 机械工业出版社 / 2018-4-1 / 59.00元

全面揭秘和解决“行为上瘾”的奠基之作 美国亚马逊分类图书畅销榜第一名 行为上瘾是什么?诱人上瘾的体验是如何设计出来的? 如何远离行为上瘾?如何用行为上瘾做些好事? ◆ 内容简介 ◆ 欢迎来到“行为上瘾”的时代! 我们中近半数人至少有一种“行为上瘾”:无时无刻盯着手机,不断刷朋友圈,通宵追看电视剧集,没日没夜打游戏,频繁查看邮件,用太多时间工作…… 而那些生......一起来看看 《欲罢不能》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具