- 博客(21)
- 收藏
- 关注
原创 在vue中axios请求超时的操作(重新请求)
用在接口请求超时,或者主动设置时间在超时后的操作我在网上看了下都长一个样,算是给自己记个笔记吧,我是用的是iview-admin找到axios.js配置文件class HttpRequest { ... // 请求次数,请求的间隙 instance.defaults.retry = 1 instance.defaults.retryDelay = 3000 // 响应拦截 instance.interceptors.response.use(res =&g
2021-06-18 09:24:51
2838
2
原创 检测移动端浏览器访问,并下载或跳转app (Android、Ios、微信)
需求: 当用户在移动端访问网站时判断应用系统,并下载或跳转app,总之就是不能在网页上登录的methods:{ openapp() { var u = navigator.userAgent, app = navigator.appVersion; let wx = this.isWeiXin(); this.isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
2021-06-09 15:29:30
638
原创 使用wx-open-launch-weapp完成在微信浏览器vue 页面跳转微信小程序(uni-app)
需求:在监测到用户使用微信浏览器访问网站的时候,给他跳转到微信小程序使用的iview-admin跳转的小程序是uni-app写的官网地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21注意事项微信开放标签有最低的微信版本要求,以及最低的系统版本要求。 微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。在使用之前要注意
2021-06-09 15:07:35
1352
1
原创 Failed to decode param ‘/%3C%=%20BASE_URL%20%%3Efavicon.ico‘
这里我使用的是iview-admin-pro,在一次打包中修改了setting.env.js,想着绝对路径改为相对路径来着,这次查看 发现以上报错URIError: Failed to decode param '/%3C%=%20BASE_URL%20%%3Efavicon.ico' at decodeURIComponent (<anonymous>) at decode_param (C:\Users\ld\Desktop\刘\真实文件(\互动课堂录入查询\iview-a
2021-05-19 09:27:38
6503
1
原创 uni-app 使用highlight.js(有行号)
效果图使用vue.use() 会报错,没找到原因main.jsimport hljs from 'highlight.js'import 'highlight.js/styles/a11y-dark.css' // 这里可以切换不同的主题Vue.directive('highlight',function (el) { let blocks = el.querySelectorAll('pre code'); setTimeout(() =>{ bloc
2021-05-10 09:33:03
1151
2
原创 jq cookie 登录后记住账号密码一周
<div class=" ipt"> <input type="text" id="txt_username" placeholder="请输入账号" ></div><div class="ipt"> <input type="password" id="txt_password" placeholder="请输入密码" ></div><label class="fl">
2021-05-08 10:40:23
104
1
原创 正则表达式的应用
正则表达式的使用1 正则表达式的两个方法2 正则表达式的元字符2-1 基础元字符2-2 边界元字符2-3 限定元字符2-4 正则的贪婪和非贪婪1 正则表达式的两个方法/*1.匹配: 验证字符串是不是符合正则规则 语法: 正则.test(要检验的字符串) 返回值:true/false2.捕获:从字符串里面获取符合正则规则的那一部分片段 语法: 正则.exec(要检验的字符串) 返回值: 1. 字符串里没有符合规则的片段 -> null 2.字符串里没有符合规则的片段 2-1.基础
2021-05-08 10:38:06
72
原创 点击文件下载(vue)
a 标签的 h5 新属性 download// filename 规定作为文件名来使用的文本。// href 必填<a href="balabalabala" download="filename">但是我的文件不在网页的域名下,点击 a 标签直接显示预览页面,可以手动下载,但是这样就不可以控制文件名称了...
2021-05-08 10:36:20
3797
原创 js获取文件大小、文件后缀
文件大小带单位if (file.size) { var k = 1024 var sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] var i = Math.floor(Math.log(file.size) / Math.log(k)) this.formItem.size = (file.size / Math.pow(k, i)).toPrecision(3) + '' + sizes[i]}
2021-05-08 10:11:10
738
原创 vue element-ui 上传视频到腾讯云cos-js-sdk-v5(对象储存)
不太成熟的小dom先贴官网链接 腾讯云cos-js-sdk-v5 首先 npm i cos-js-sdk-v5 --save创建一个upload.js/* 1.获取临时秘钥data 2.初始化 3.判断上传文件的类型 4.判断文件大小 是否需要分片上传*/import COS from 'cos-js-sdk-v5'import axios from 'axios'import { Message } from 'element-ui'// 上传export function putO
2021-05-08 09:49:27
1765
8
原创 关于父组件引用子组件方法报错问题
在页面中引用了倒计时组件,倒计时结束时触发子组件的方法1.在页面中先引入count-down组件 并在 components里注册2.引用子组件 定义ref与倒计时结束时触发的方法3.父组件通过this.$refs调用子组件中的方法hand_exam这时候出现了hand_exam未定义的异常这个问题出现肯定是我没有得到子组件的实例,所以调用的时候出现了undefined异常。 我的子组件没有在页面初始化时加载,而是在点击某个特定的按钮后才开始显示加载改后的代码...
2021-01-08 14:34:43
479
1
原创 我常见的js 正则验证
判断url是否合法的正则表达式,包括地址带.cnvar reg = /^((http|https):\/\/)?(([A-Za-z0-9]+-[A-Za-z0-9]+|[A-Za-z0-9]+)\.)+([A-Za-z]+)[/\?\:]?.*$/if ( this.videoUrl && !reg.test(this.videoUrl)) {this.$Message.error({ content: '视频链接格式不正确', closable: true})retur
2020-12-08 11:59:42
137
2
原创 html引入vue.js DES加密、解密
https://www.bootcdn.cn/crypto-js/标准的js加密库下载crypto-js文件,里面还有更多其他加密方法的文件,今天主要是使用des加密新建crypto-js.js:const key = CryptoJS.enc.Utf8.parse("hbxxcxhdlm"); // 十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.parse("hbxxjyjt"); // 十六位十六进制数作为密钥偏移量 CBC模式下用到, ECB模式不用/
2020-11-09 11:43:18
482
2
原创 vue新闻滚动条(上下滚动 可停顿)
使用 transition.tongzhi{ color: #2d8cf0; min-width: 460px; height: 30px; overflow: hidden;}.tongzhi .slide{ position: relative;}.tongzhi .slide .text{ cursor: pointer; height: 0;}.marquee_top { transition: all 0.5s; margin-top: -30px}.mar
2020-11-09 10:36:08
752
原创 iview input 聚焦 (问题 table中使用input聚焦)
在table中每一行数据使用input修改,点击单元格input框变色但是并不属于聚焦所以需要以下方法手动聚焦文档中只有失焦的事件,没有聚焦的事件<Input id="deviceInput" placeholder="设备地址" ref="ref_device"/>this.$nextTick(() =>{ this.$refs.ref_device.focus() document.querySelector("#deviceInput .ivu-input")
2020-10-10 22:24:11
1358
原创 ie 报错:缺少标识符 in (html静态页面引入vue.js)
使用插件 vxe-table 编辑表格,文档给出例子,可以这样写其他浏览器没有问题,ie报错参考:https://www.yht7.com/news/115207修改后:ok了
2020-10-10 22:06:58
1260
原创 使用 canvas 获取的图片默认 300*150 无法修改
问题:在使用 tracking.js 人脸识别的时候,点击拍照 canvas.drawImage 获取到的图像是300*150 无法修改我的代码:// 默认 canvas 宽高是 300*150<canvas id ="canvas" style="width:300px;height:300px;"></canvas>像这种在 style中设置的宽高都是不生效的正确写法:<canvas id="canvas" width="300" height="300" &
2020-06-04 15:48:37
1088
原创 在vue中使用 setTimeout ,退出页面后,计时器没有销毁
问题:页面在使用 setTimeout 定时循环某方法,或者在两个页面之间跳转时间小于定时器的时间间隔时,定时器还在运行。原因:当我们刷新页面时,会将当前页面之前创建的 setTimeout 以及其他定时器都清除掉,但是仅仅是路由切换是不会清除的。data (){ return{ clearTime: '' }},mounted () { randomGet () { // 在 1分钟到 2分钟之间 不定时执行 var r = Math.random() * (2 - 1)
2020-06-04 15:26:57
4170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人