2019年12月___畫戟__

12月 10月 06月 05月 02月 01月

原创 JS中判断数据类型的方法

typeof 、instanceof、Object.prototype.toString、jQuery.type()1、typeof——返回对应的数据类型。作用：区分基本数据类型语法:typeof(变量名)例： var str = '字符串' var num = 111 var obj = {} var arr = [1,2,3] var f...

2019-12-19 00:27:51 195

原创 js数组循环删除元素

var arr = [111, 222, 333] for (let i = 0, len = arr.length; i < len; i++) { var item = arr[i] if (item === 111) { arr.slice(i, 1) // slice 会改变数组长度，所以要将数组长度 len 和下标 j 减一 l...

2019-12-18 23:10:49 184

原创高性能数组去重——利用对象的属性不会重复这一特性

首先创建一个空对象，然后用 for 循环遍历利用对象的属性不会重复这一特性，校验数组元素是否重复function distinct(a, b) { let arr = a.concat(b) let result = [] let obj = {} for (let i of arr) { if (!obj[i]) { ...

2019-12-18 23:03:22 222

原创 axios 全局设置和局部实例化设置使用

一、封装全局http请求1，封装/*** @Author: * @Date: 2019/10/14* @Description: 封装http请求* @remarks:*/import axios from 'axios'import { MessageBox, Message } from 'element-ui'import store from '@/store...

2019-12-18 22:01:58 2347 1

原创 js处理下载文件流

//exportPaperOne 是接口exportPaperOne().then(res => { const headers = res.headers const contentDisposition = headers['content-disposition'].replace(/["|']/g, '') const matched = /filename=(....

2019-12-18 21:44:27 554

原创 element + vue-cropper 完成图片裁剪上传功能

1，npm install vue-cropper2，代码<template> <div class="form-edit"> <el-form ref="form" class="form" :model="form" :rules="rules" label-width="120px" :status-icon="true"&gt...

2019-12-09 15:07:54 689 2

原创 js 打开新页面在屏幕中间显示

/** * 弹出小窗口打开页面并在屏幕中间显示 * @param fileType 如 ppt、pdf、xls、word、video */ openSmallWindowOnScreenMiddle(url, name, iWidth, iHeight) { // window.screen.height获得屏幕的高，window.screen....

2019-12-09 13:53:58 547

原创 Element UI跨页勾选复选框

<el-table ref="chapterList" v-loading="listLoading" :data="list" border fit highlight-current-row @select-all="selectAll" @select="handleselectRow"...

2019-12-09 13:48:38 408

原创 vue table翻页序号累加

/** * 翻页序号 * @param index Number 列表数据下标 * @param currentPage Number 当前页码 * @param pageSize Number 每页条数 * @returns {*} Number 翻页序号 */export functi...

2019-12-09 13:23:30 1076

原创 Vue结合webuploader实现文件分片断点续传

根于公司业务，封装了底层的文件分片断点续传底层能力组件和带有前端交互的UI组件使用步骤1，本项目基于vue-cli3，在public下创建webUploader目录2，由于我司视频兼容能力业务需求，jQuery在index.html中引入。因此jQuery的引入方式有些简陋，多多包涵。。3，文件分片断点续传底层能力组件<template> &...

2019-12-09 11:15:10 2865 15

原创 js封装一个websocket

1，封装一个类import { getToken } from '@/utils/auth'const myWebsocket = process.env.VUE_APP_WebSocket_BASE_APIimport store from '@/store'import { MessageBox } from 'element-ui'class Websocket { me...

2019-12-09 10:21:26 1542