活在当下zql - 博客园

2020年5月29日

摘要：阮一峰有一篇flex教程很全面： http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 这里主要记录一下需要用到而不常用的知识点： 1. flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的f 阅读全文

posted @ 2020-05-29 11:46 活在当下zql 阅读(267) 评论(0) 推荐(0)

2020年5月28日

vue项目通过路由控制来实现的权限管理

摘要：通过路由也就是菜单来管理权限的方式，通常分为两种： 1. 前端控制静态路由，前端将路由写死，登录的时候根据返回的角色权限（level等级），来动态展示路由 2. 后端控制动态路由，后台返回角色对应的权限路由，前端通过调用接口结合导航守卫进行路由添加先说下第一种方式，前端控制的实现思路：前端将阅读全文

posted @ 2020-05-28 13:31 活在当下zql 阅读(7098) 评论(0) 推荐(1)

2020年5月27日

vue中的导航守卫（路由守卫）运用

摘要：首先，了解什么是路由守卫，拿来做什么在项目中，没次路由的切换或者页面的刷新都需要我们判断用户是否已经登录；而vue-router提供了导航钩子：全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach，这两钩子函数会在路由即将改变前和改变后进行触发；当然有全局的也有独享的阅读全文

posted @ 2020-05-27 11:52 活在当下zql 阅读(4692) 评论(0) 推荐(1)

2020年5月26日

CancelToken的运用实践

摘要： CancelToken常用在封装的请求中，用来取消上一一面axios请求在路由跳转时，若当前页面的数据量过大，而我们立即点击跳转下一页面，那么可能会出现，当前页面接口还在pending状态，页面已经跳到新页面，旧的请求依旧没有停止。这将会十分损耗性能，这时我们应该先取消掉之前还没有获得相应的请求阅读全文

posted @ 2020-05-26 17:20 活在当下zql 阅读(3289) 评论(1) 推荐(1)

axios封装与请求拦截

摘要： import axios from 'axios' import qs from 'qs' import Vue from 'vue'; import httpConfig from './http'; let { apiHost } = httpConfig; axios.defaults.tim 阅读全文

posted @ 2020-05-26 17:00 活在当下zql 阅读(304) 评论(0) 推荐(0)

vue的cli项目禁用eslint

摘要： 1. 新建vue.config.js文件 2. 配置vue.config.js module.exports = { lintOnSave: false, //是否开启eslint保存检测 ,它的有效值为 true || false || 'error' } 阅读全文

posted @ 2020-05-26 11:14 活在当下zql 阅读(1561) 评论(0) 推荐(0)

轻松解决文字拷贝clipboard.js

摘要： clipboard.js文档地址附上： http://www.clipboardjs.cn/ 一看就会简单实用 //初始化复制实例 var copytext = $(".copywriting .content p:nth-child(1)").text() || '', btnDom = docu 阅读全文

posted @ 2020-05-26 10:03 活在当下zql 阅读(322) 评论(0) 推荐(0)

2020年5月23日

async、await在项目中的运用实践

摘要： async的用法 async就是异步的意思，它作为一个关键字放到函数前面，用于表示函数是一个异步函数异步函数也就意味着该函数的执行不会阻塞后面代码的执行，而async 函数返回的是一个promise 对象。 async function func() { return "async" }; fun 阅读全文

posted @ 2020-05-23 14:52 活在当下zql 阅读(886) 评论(0) 推荐(0)

2020年5月21日

vue中的keep-alive用法详解

摘要： keep-alive 保持活跃，在vue中我们可以用其来保存组件的状态，对组件进行缓存。 keep-alive 我们常在列表页使用，比如我们在业务上经常会有要求，当查看完某一列表详情页时，返回列表页，需要回到原来的位置，并保持页面的状态。回到页面的初始位置，我们可以在router.js中使用scr 阅读全文

posted @ 2020-05-21 19:06 活在当下zql 阅读(13884) 评论(0) 推荐(0)

2020年5月15日

vue的nextTick使用场景

摘要：首先我们需要明白vue是依靠数据驱动视图更新的，而该更新的过程是异步的换种说法也就是：Vue在侦听到你的数据发生变化时，将开启一个队列（该队列被Vue官方称为异步更新队列），而视图需要等队列中所有数据变化完成之后，再统一进行更新。这就是我们通常在数据变化后获取节点使用this.$nextTic 阅读全文

posted @ 2020-05-15 18:08 活在当下zql 阅读(1074) 评论(0) 推荐(0)