- 博客(61)
- 收藏
- 关注
RSS订阅原创 vue文件下载
downloadFile(url, name) { axios({ url: url, type: 'get', responseType: 'blob', }) .then((res) => { if (!res) { this.$message.error('下载失败') } else { if (!!window.Acti
2021-06-17 10:11:34
142
原创 数组分段
/* num :数组等分arrs:数组colors:颜色数组*/export function legendFormat(num, arrs, colors) { let len = arrs.length let divide = Math.round(len / num) || 1 let newArr = [] let count = len >= num ? num : len for (let a = 0; a < count; a++
2021-04-25 23:13:14
515
原创 深拷贝
export function deepClone(currobj) { let newobj = []; if (typeof currobj !== 'object') { return currobj; } if (currobj instanceof Array) { newobj = []; } else { newobj = {} } for (var key in currobj) {
2021-04-25 23:10:16
100
原创 vue2代理
devServer: { proxy: { '/api': { target: 'http://59.202.42.251/', // target host ws: true, // proxy websockets changeOrigin: true, // needed for virtual hosted sites ...
2020-11-30 16:36:39
420
原创 手机号身份证部分隐藏
<el-input :value="formData.dhhm" placeholder clearable @change="telChange" @input="telInput" @focus="telFocus" @blur="telBlur" >
2020-11-05 17:51:57
308
原创 打包配置2
const path = require('path')const CompressionPlugin = require("compression-webpack-plugin")const TerserPlugin = require('terser-webpack-plugin') // 去掉注释function resolve(dir) { return path.join(__dirname, dir)}const utils = { assetsPath: functi
2020-09-07 20:35:59
151
原创 图片视频上传回显
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net
2020-09-07 20:21:30
653
1
原创 Exif.js 获取图片的位置信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.ne
2020-09-07 20:20:33
608
原创 批量上传文件
<input type="file" class="upload-input" @change="fileChange" accept=".doc,.docx,.xls,.xlsx,.pdf,.dwg,.jpg,.png,.jpeg,.tif,.mp4" multiple/> fileChange(e) { let files = e.target.files; // let file = files[0]; if (!files.length) {
2020-06-03 17:40:43
361
原创 get请求数组参数处理
qs插件1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })// 输出结果：'a[0]=b&a[1]=c'2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })// 输出结果：'a[]=b&a[]=c'3、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })// 输出结果：'a=
2020-06-03 16:47:50
938
原创 下载文件
down() { let src = process.env.VUE_APP_BASE_API + "/basic/downloadFile?fileId=" + this.dirId let eleLink = document.createElement('a'); eleLink.download = src; eleLink.style.display = 'none'; // 字符内容转变成blob地址 eleLink.href = src; // 触发点击 doc
2020-05-29 11:52:13
111
原创 js 验证格式
//邮箱let emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$///手机号let phoneReg = /^1[3456789]\d{9}$///身份证号let idReg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|31)|(04|06|09|11)(0[1-9]|[1-2][0-9]|30
2020-05-20 00:14:30
180
原创 js深层拷贝
var arr =[{a:1},{a:2}]var d=arr.map(item=>{let obj = {...item}; return obj})
2020-05-14 16:38:27
79
原创 vuex 刷新页面数据丢失
cnpm i vuex-persistedstate --saveimport createPersistedState from "vuex-persistedstate"const store = new Vuex.Store({ // ... plugins: [createPersistedState()]})
2020-05-13 12:11:10
153
原创 vue-pdf 附件放大缩小旋转下载
1.cnpm i vue-pdf --save<template> <div class="pdf-box"> <div ref="pdf" class="pdf" :style="{ width: scale + '%', transform: 'rotate(' + pageRota...
2020-04-30 10:40:32
2049
2
原创 https请求下,将资源请求由http转成https
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
2020-04-20 10:17:05
376
原创 页面自查注意事项
分页1.删除第n>1页的数据时，要判断要删除的数据条数跟列表展示的数据条数是否相等，相等时要返回上一页（批量、单条）表单1.输入框的格式及长度限制，number类型超过16位会精度丢失2.表单保存后清空数据3.时间限制表格1.删除，提交等一些会影响列表数据的操作，操作后要记得更新列表数据2.删除等一些重要操作，操作前要提示用户是否继续，避免误操作3.按搜索条件查询时，页数要...
2020-04-13 17:17:44
94
原创 el-table高度
1.当 el-table 设置了height和show-summary时, 初始化的时候如果是空的数组, 后面设置新的数组, 表尾不会显示 tableData=[]2.当 el-table 设置了height和show-summary时, 初始化的时候如果不是空的数组, 后面设置新的数组, 表尾会显示 tableData=[{}]3.当 el-t...
2020-04-13 17:12:56
1318
原创 vue-cli 3.0 vue.config.js配置
1.去掉注释、去掉console.logcnpm i uglifyjs-webpack-pluginconst UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去掉注释module.exports = { configureWebpack: config => { if (process.env....
2020-04-09 16:33:08
362
原创 循环异步
getData() { let xzqmc = this.navList[this.index - 1].text let nfList = [2014, 2015, 2016, 2017, 2018] let nyd = [] let jsyd = [] let wlyd = [] let barData = async ...
2020-04-09 10:05:01
119
原创 box-shadow 兼容性
1.box-shadow: 0px 0px 10px #a6878787;2.box-shadow: 0px 0px 10px silver;有写浏览器不支持第一种写法时,请使用第二种写法
2020-01-15 16:51:10
258
原创 EasyPlayer
<EasyPlayer :videoUrl="item.url" :aspect="aspect" live :fluent="fluent" :autoplay="autoplay" stretch :snapUrl="...
2019-12-18 17:59:22
252
原创 video.js
import 'video.js'import 'video.js/dist/video-js.css'<video class="video-js vjs-default-skin video-item" controls preload="auto" data-setup="{}" ...
2019-12-18 17:57:10
120
原创 vue-video-player
1.main.jsimport VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')import hls from 'videojs-contrib-hls'Vue.use(VideoPlaye...
2019-12-18 17:49:37
109
原创 echart 通用设置
<template> <div class="echarts" :id="id"></div></template><script>import echarts from 'echarts'export default { props: { id: { type: String }, w...
2019-12-18 17:27:25
140
原创 echarts map地图
<template><div id="map" ref="map" style="width: 100%;height: 780px;"></div></template><script>import echarts from 'echarts'export default {methods:{ mapmooudel(n...
2019-12-18 17:08:34
218
原创 echarts bar 基础组件
<template> <div class="chart" :style="{ height: height + 'px', width: width }"></div></template><script>import echarts from 'echarts'export default { props: { ...
2019-12-18 16:46:26
240
原创 ios iframe问题
<div class="home" v-show="selectedLabel===0"> <iframe leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" fra...
2019-11-14 09:47:04
288
原创 表单组件
<template> <div class="dialog"> <el-dialog :title="title" :visible.sync="visible" :before-close="cancelHandle" :close-on-click-modal="...
2019-10-29 16:49:34
393
原创 大屏页面自适应
window.onresize = () => { return (() => { myfunction() })() } myfunction() function myfunction() { var bodys = document.getElementsByTagName(...
2019-10-24 09:58:05
1104
原创 es6学习视频总结
es6 兼容性1.在线编译(延迟)引入browser.js<script type="text/babel"> es6写法</script>2.提前编译node 环境npm i @babel/core -----核心库npm i @babel/parset-env -----预设,预先设置好的配置 是否编译一些es6的写法npm i @babel...
2019-10-22 18:20:04
169
原创 // 递归 根据id找寻父级的id集合
getCascaderList(data, val, arr) { if (!data) { return '' } for (let index = 0; index < data.length; index++) { if (data[index].code == val) { arr.push(va...
2019-10-17 09:30:24
490
原创 高德坐标与gps互转
高德转gpslet GcjToWgs = function(Longitude, Latitude) { var Dev = CalDev(Longitude, Latitude); var RetLat = Latitude - Dev.Lat; var RetLon = Longitude - Dev.Lon; Dev = Ca...
2019-10-14 09:31:16
1666
1
原创 element表格行列拖拽
https://upload-images.jianshu.io/upload_images/11392652-8c79d1d9f365e507.gif?imageMogr2/auto-orient/strip|imageView2/2/w/838/format/webp首先需要安装Sortable.jsnpm install sortablejs --save然后引用import Sor...
2019-09-20 11:02:33
178
1
原创 柱状图折线图
组件<template><div class="chart" :style="{height:height/75+'rem',width:width}"></div></template><script>import echarts from "echarts";export default { props: { ...
2019-09-17 16:32:55
115
原创 瀑布图
组件<template><div class="chart" :style="{height:height/75+'rem',width:width}"></div></template><script>import echarts from "echarts";export default { props: { ...
2019-09-17 16:24:58
660
原创 3D饼图
1.下载npm install vue-highcharts --savenpm install highcharts--save2.main.js引入import highcharts from 'highcharts'import VueHighCharts from 'vue-highcharts'import highcharts3d from 'highcharts/...
2019-09-17 16:13:52
1172
原创 vue 用echarts写的进度条组件
组件<template><div class="chart" :style="{height:height,width:width}"></div></template><script>import echarts from "echarts";export default { props: { barObj: ...
2019-09-17 15:58:40
1257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人