路由变化时使用axios取消所有请求

在项目中有这样的场景,一个菜单进去表格loading状态发送请求 此时请求处于pending状态 找个时候我们切换菜单,另一条请求也发出去了,找个时候之前的请求也完成了,就会出现你在另一个页面数据对不上 或者上条请求报错确在你找个页面发生,所以就找了一下解决办法。一开始我以为axios是没有取消请...

2019-03-23 18:05:26

阅读数 82

评论数 0

关于一些组件化的思想 vue

最近新来一个公司接手两个项目,看了代码之后气的血已经吐出来了。项目技术是用vue写的。几乎每一个页面上有啥功能就是一把嗦从头写到尾,没有看见任何的import 组件。我就想不明白了为什么用了vue却不用组件化思想。这样的带吗及其难以维护,一个文件全是四五千行代码。之后我基于公司业务vue+elem...

2019-03-18 15:28:46

阅读数 52

评论数 0

二次封装axios,根据参数来实现多个请求多次拦截

1. 新建 axiosTool.js 文件,设置请求拦截和处理的逻辑 import Vue from 'vue' import axios from 'axios' //取消请求 let CancelToken = axios.CancelToken //设置默认请求头,如果不需要可以取消这一...

2019-06-22 15:49:03

阅读数 32

评论数 0

分页算法 将一个数组里面的元素以n个为一组分成n个子数组

/** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */ let splitArr = (data , senArrLen)=>{ //处理成len个一组的数据 let data_len = d...

2019-06-05 14:21:19

阅读数 21

评论数 0

关于vue-cli 3配置打包优化要点

关于vue-cli 3配置打包优化要点 首先说下我目前已经做的优化点,本文是在此基础上做的进一步优化: 配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数 1 2 3 4 5 6 7 8 9 10 11 12 /** * 返回异...

2019-05-28 13:57:15

阅读数 137

评论数 0

记一次docker 部署前端项目

一、Docker概述: Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。 个完整的Docker有以下几个部分组成: DockerClient...

2019-05-22 17:16:03

阅读数 66

评论数 0

vue 移动端下拉无限加载

如何安装 npm i vue-infinite-loading --save 其他属性 spinner:通过这个属性,你可以选择一个你最喜爱旋转器作为加载动画。 spinner="bubbles"; 1、bubbles 2、circles 3...

2019-05-06 12:51:25

阅读数 46

评论数 0

element-ui vue-quill-editor 富文本编辑器 解决插入图片不采用base64 从服务器传图片在显示返回url

vue-quill-editor默认的图片插入方式,是直接将图片转成base64编码,这样的结果是整个富文本的html片段十分冗余。我们的服务器端接收的post的数据大小都是有限制的,这样的话导致提交失败,就算不提交失败,大量的数据存入数据库也不是好事。为了解决这个问题,我考虑了两个方案,换一个富...

2019-05-05 10:34:57

阅读数 269

评论数 0

收集的一些开放API

平台 阿里云市场https://market.aliyun.com/data 聚合数据https://www.juhe.cn/docs 京东万象https://wx.jdcloud.com/api 神箭手https://www.shenjianshou.cn 阿凡达数据https://www.a...

2019-04-13 15:56:02

阅读数 168

评论数 0

vue技术:鲜为人知的小技巧

一、善用watch的immediate属性 这一点我在项目中也是这么写的。例如有请求需要再也没初始化的时候就执行一次,然后监听他的变化,很多人这么写: created(){ this.fetchPostList() }, watch: { searchInputValue(){ ...

2019-04-01 14:15:12

阅读数 40

评论数 0

vue 组件自动化注册

在vue项目中我们通常会写很多组件 然后在用到的地方会import,这样的组件一多然后每个地方都要引入很麻烦。所以vue提供了一套组件化自动注册的方法,这样写组件就不用注册了,直接用就行。 这里的context里面第一个参数是// 其组件目录的相对路径,第二个参数// 是否查询其子目录,第三个参...

2019-03-29 20:46:31

阅读数 40

评论数 0

网页上如何屏蔽鼠标右键菜单

最近帮朋友修改他们的培训网站,需要屏蔽鼠标右键,还需要兼容IE,FF等浏览器,找了些方法,都只能支持IE的,但是火狐浏览器和谷歌都不行,今天请教了下高手,茅塞顿开啊,分享下代码吧: <script type="text/javascript">...

2019-03-28 13:53:41

阅读数 34

评论数 0

Electron初体验 前端桌面应用开发

首先全局安装Electron npm install electron -g 刚接触一个新东西,难免一头雾水,如果多看一点相关的文章势必会有一个方向感,去更好的上手新东西。上手electron,官方提供了一个非常好的快速上手实例。 git clone https://github.com/...

2019-03-26 11:53:49

阅读数 45

评论数 0

移动端rem自适应设置

移动端rem自适应设置 对于移动端自适应各种终端的解决方案较多,本篇只是选择其中一种rem适配,我个人做移动端最喜欢的方案。 rem就是以html根元素的字体大小为参考,比如html:font-size:20px;1rem=20px;2rem=40px.....,因为移动端的屏幕特殊之处,主要...

2019-03-21 11:06:04

阅读数 41

评论数 0

采坑之element-ui tree组件

项目中,我在做权限角色管理这一块用到了树形组件,element-ui的。踩了一下坑。。场景是这样的. 我新建一个角色给给角色配置相应的菜单。每一个菜单都有对应的id。选了的就要传给后台,但是element-ui这个tree组件是这样的机制,当子集没有全选时 父级id是不会选中的,只有子集是全选状...

2018-12-12 11:47:02

阅读数 63

评论数 0

vue中Axios的封装和API接口的管理

一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue...

2018-10-08 11:57:26

阅读数 2574

评论数 1

字符串

1、js截取两个字符串之间的内容: ? 1 2 3 var str = "aaabbbcccdddeeefff"; str = str.match(/aaa(\S*)fff/)[1]; alert...

2018-09-17 14:02:10

阅读数 37

评论数 0

js 数据结构

二叉树和二叉查找树 树是计算机科学中经常用到的一种数据结构。树是一种非线性的数据结构,以分层的方式存储数据。 二叉树每个节点的子节点不允许超过两个。一个父节点的两个子节点分别称为左节点和右节点,通过将子节点的个数限定为2,可以写出高效的程序在树中插入、查找和删除数据。 二叉查找树(BST)是一种...

2018-09-12 10:35:52

阅读数 572

评论数 0

webuploder 文件分片上传

2018-08-22 10:53:23

阅读数 131

评论数 0

vue中Axios的封装和API接口的管理(更新)

引入 一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。 // 在http.js中引入axios import axios from 'axios'...

2018-08-21 09:48:04

阅读数 519

评论数 0

提示
确定要删除当前文章?
取消 删除