- 博客(22)
- 收藏
- 关注
RSS订阅原创 Vue下载Excel后报错,或打不开
后端返回excel文件流后, 在Swagger 和 PostMan上进行下载测试均正常。但是在项目中下载打开却出现: WPS表格在试图打开文件时遇到错误.问题呢, 是我们在发送请求时,没有声明返回的responseType。
2023-02-09 15:29:29
1860
原创 Vue中Rule的使用
日常的rule效验,能帮我们省很多时间去做if eles判断下边记录一下我在入职新公司的使用1.需要效验的字段,要在from-item上家prop属性 可以和字段同名2.在data中创建一个rules对象,绑定当前的from表单,并把效验字段的prop放置进去,对于简单效验可以直接,做非空判断,复杂的判断在回调函数validator中效验 baseRules:{ materialsName: [{required: true, message: "请输入物料名称", trig
2021-10-26 11:01:43
3246
原创 Element-Ui的时间插件设置选择范围
在项目的过程中,遇到了一个这样的需求datePicker的选择时,开始时间随便选择结束时间只能选择 开始时间后的三个月之内.挺有意思的记录一下,下次拿来C <el-date-picker v-model="queryParams.startTime" type="date" placeholder="开始日期" value-format="y
2021-08-03 15:57:32
216
原创 利用百度地图 绘制行车记录 或 行走记录
先看功能类似于地图导航的样式不多bb说下实现步骤1.下载依赖npm i vue-baidu-map --save2.在main.js中引入 并设置key使用百度地图时一定申请在项目中使用,并生成一个专属的ak详情参考百度地图使用详情import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap,{ak:'@##$@$#%#$%#%#'})3.在模块中使用1.在项目中引用路书功能,类似导航import { BmlLushu } fro
2021-06-15 13:40:40
756
5
原创 小程序保存照片
//常用的小程序保存图片功能 利用mpvue开发//触发函数savePoster() { wx.getSetting({ success: (res) => { if (res.authSetting['scope.writePhotosAlbum']) { this.wxSaveImg() console.log('已经授权了') } else if (res.authSettin
2021-06-09 21:14:22
112
原创 node sass下载失败
常规报错node-sass@4.14.1 postinstall: `node scripts/build.js`整了半天,删了从新下 删了从新下 不成功问题 某些项目的node-sass版本太过老旧 从外网上可能获取不到当前这个版本了解决 淘宝镜像储存了这些个旧版本1.用淘宝镜像获取这个依赖 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass2.再次 npm i搞定...
2021-05-25 11:31:17
62
原创 Vue中如何把数据导出Excal
Vue中如何把数据导出Excal不用下载插件,只要找到相应数据,直接使用即可不用下载插件,只要找到相应数据,直接使用即可不多BB直接上代码 base64(s) { return window.btoa(unescape(encodeURIComponent(s))); }, exportExcel(data, modal,title) { let colSize = "150px", colHight = "30px", font
2021-05-20 11:27:56
94
原创 多端echart实现数据可视化,包括(uniapp,小程序,Vue...)
H5端流行的echart报表因为涉及大量dom操作，无法跨端使用，而wx-chart在跨端和更新方面都不 足，如果要做小程序，小编推荐使用全端可用的uCharts如只考虑H5端，也可以继续使用echart、f2等常规web图表。如不考虑小程序，那么App端和H5，还可以通过renderjs技术来使用echart、f2等web图表，功能性能比uchart更好。什么是renderjs、基于renderjs使用echart的示例效果图下面是使用uCharts 实现uniapp小程序..
2021-03-10 16:01:01
418
2
原创 VUE对Storage的过期时间设置,及增删改查
VUE对Storage的过期时间设置,及增删改查面试过程中,我们经常会被问到storage相关的问题和操作;下边我就基于实际项目开发,来讲述这些日常的操作问题;原理:在储存storage的过程中,储存一个时间戳进去,再次获取时, 判断当前时间-储存时的时间 是否>设置的时常,如果超时了,清空本地的storage,反之,把正确的内容返回出去不多叭叭 上代码:根据需求,自己在合适的地方编写代码,我在项目中一般是在SRC下的 utils文件夹 创建一个ChangeStorage.js的文件
2021-03-09 14:30:56
2528
7
原创 如何快速完全删除node_modules
本文章主要是为大家解决再npm指令性构建node_modules包文件数量太多，导致直接删除太慢，而整理的cmd指令
2021-01-07 10:50:58
203
6
原创 Ajax新手必看
Ajax的原理不管是面试还是正常的项目开发,ajax一直是我们前端开发绕不开的一个点.我们或许知道ajax是一种异步操作,可以用于数据的请求,但对于原理性的内容还有些似是而非.技术本身不是仅仅会用就可以的,在闲暇时间不妨来了解一下它的部分原理一句话讲述ajax是作用：ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。AJAX具体是什么？AJAX是一种通过在后台与服务器进行少量的数据交换，可以使页面实现异步更新，这就意味着可以在不重新加载整个网页的情况下，对页面的某一部分进行
2021-01-04 10:53:59
839
3
原创 vue中echarts@4.9版本，地图的使用，
vue中echarts@4.9版本，地图的使用，避免进坑，亲测4.9版本正常，5.0版本不支持因为官方移除了地图数据和map文件夹，安装echartsnpm install echarts@4.9.0在main.js写入import echarts from 'echarts'import 'echarts/map/js/china' Vue.prototype.$echarts = echartsmap地图组件<template> <div class="ch
2020-12-29 10:29:58
4830
2
原创 实现图片的压缩,上传功能
实现图片的压缩,上传功能简言:在前端开发中,我们经常会遇见图片上传等功能,很多前端工作者 都知道利用input的 file功能实现图片上传的样式常用的可能是 用一个a标签包裹着input 实现按钮状的上传样式但是在深层次的长传和压缩功能 却知知甚少下边我将以个人案例帮助大家了解 上传 压缩等功能首先 图片压缩的原理是 获取当前图片文件转化成base64格式, 创建image对象把图片的base64赋值上去获取改图片的实际大小,定义需要压缩后呈现的尺寸 除以当前的图片尺寸 得出 压缩比.
2020-12-15 18:17:50
3016
10
原创 vue 实现在光标处插入内容如文本,标题,时间等
vue 实现在光标处插入内容如文本，时间效果图如下代码如下<template> <div> <div class="el-textarea"> <textarea v-model="content" id="textarea" type="textarea" rows="2" autocomplete="off" ref="singleTe
2020-12-14 15:19:00
782
原创 js对数组中相同对象元素进行去重
js对数组中相同对象元素进行去重，里面对象相同id，其他不同属性进行文字叠加数组如下let groupList=[ { id:1001, account:"accounr1", role:0, name:"UI", phone:"0000", email:"adada@.com"
2020-12-14 15:07:28
707
6
原创 Stylus 俩分钟了解并上手
Stylus 俩分钟了解并上手CSS预处理器的出现大大的提高了前端开发的效率和逼格，它让CSS可编程化。LESS和Sass/SCSS是两种最为常见的预处理器，拥有大量的用户基数，数目庞杂的第三方库。然而，还有一种预处理器并未引起足够的重视，Stylus优点:兼容less,sass等编写方式和语法.支持@mixin变量 等混编方式.有效的解决了sass中文路径等bug问题对运行坏境要求很低 有node Js即可1.cmd指令全局安装 (默认已安装node)cnpm i stylus@lates
2020-11-10 11:31:50
328
原创 如何使用外部动画库
如何更便捷的使用第三方动画库在日常的开发中,我们常常会需要在开发的产品中,加入一些过渡效果和动画功能.在实现产品功能的同时,也能使界面呈现更好的展示效果.但如果遇到比较复杂的 产品需求时 本身的逻辑功能就需要好好考量.再花费时间去思考合适的动画是比较浪费时间的.这个时候 第三方动画库就诞生了,找到合适的动画.C下来本文使用常用的动画库 动画官网第一种:简洁有效 方法外部利用CDN引入<head> <link rel="stylesheet" href="
2020-10-27 10:35:34
510
原创 JQ实现简单的返回顶部功能
JQ实现简单的返回顶部功能在日常的网站开发中,返回顶部是一个常用的功能.下边我用一些简单的案例来实现他需求:在滚动超过一定距离后,出现返回顶部按钮,点击按钮,当前页面返回顶部注意:返回顶部时,要流畅有一定的过渡效果.不能太生硬;开发的时候,为了凸显效果 顺便做了一个简单的标题…<div class="container"> <div class="Nav_header"> <ul> <
2020-10-17 11:49:24
263
原创 ## 了解防抖和节流机制
防抖和节流首先了解一下他们的概念:防抖触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间思路：每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout cle
2020-08-31 17:58:47
132
2
原创 实现模糊搜索的功能
模糊@TOC欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
2020-08-31 17:07:06
1120
1
原创 可拖动进度条的实现
可拖动进度条的实现大家好,今天工作不忙 分享一个简单的进度条案例.希望有需要的小伙伴可以看到.思路不一定是最好的.但绝对适合初学者首先 进度条的功能,你需要知道 进度条拖动前后 一共触发了3个事件即:1.鼠标按下事件2.鼠标拖动事件3.鼠标抬起事件其次 他的拖动原理是 通过计算当前拖动的坐标位置 减去进度条盒子到视口的距离.最后把进度条按钮 进行相应距离的偏移即 偏移的距离=鼠标当前的坐标-盒子到窗口边缘的距离; 然后 元素本身.css( ‘左或右’, 偏移的距离+‘px’
2020-08-26 11:15:47
1513
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人