- 博客(9)
- 收藏
- 关注
转载 手写一个秒表计时器
<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&
2021-05-26 14:04:08
475
原创 vue中压缩图片功能
vue中压缩图片功能compress(inputFile, fileAttr) { const self = this; const reader = new FileReader(); reader.readAsDataURL(inputFile); reader.onload = function(e) { //防止照片文件过大无法上传, 通过以下代码重新创建一个固定宽高的图片再上传 var image = new Ima
2021-05-20 17:34:05
3340
原创 图片拖拽
图片效果如下:// 设置draggable属性为false --然后给photos这个盒子设置相对定位属性// <img src="eye.png" alt="eye" draggable="false"> 添加决对定位属性<h1>请拖拽图片到相应位置上</h1><div class="photos"> <img src="pudding.jpg" alt="pudding" draggable="false"> <img s
2021-05-12 17:08:50
154
原创 vue中30min用户不进行操作就清除用户信息
在App.vue中添加如下代码:// 添加30min不操作就会清除用户信息事件 window.addEventListener('mousedown', (e) => { this.setTimer(); }, false); window.addEventListener('keyup', (e) => { this.setTimer(); }, false); window.addEventListener('scroll',
2021-04-29 10:31:32
192
原创 vue中 使用h5 drag实现拖拽功能
先了解一下h5中的drag事件:先贴一段代码:先设置draggable属性为true//开始拖拽时执行 通过e.dataTransfer.setData 设置数据 handleDragStart (e, item) { e.dataTransfer.setData('draggingData', item); this.dragging = item; // 第二种写法,不使用setData那种写法,自己在data中定义一个变量 },// 拖拽完成事件(
2021-04-26 15:50:21
819
原创 将数组转换为对象
1.将数组转换为对象let arr = [{key: name, value: '张三'}, {key: age, value: 18}]function arrToObj(arr) { let obj = {} arr.map(item => { obj[item.key] = item.value; }) console.log(obj) // {name: '张三', age: 18}}arrToObj(arr);
2021-02-04 10:24:03
7413
原创 break和continue的区别
break和continue都可以用来终止循环break:当我们想在某种条件出现的时候终止循环而不是等到条件为false的时候才终止循环let str = 'aeiou';for(let item of str) { if(item === 'o') { break; } console.log(item) //a e i} continue:终止本次循环,接着还执行后面的循环let str = 'aeiou'for(let item of str) { if(str === '
2021-02-02 14:18:42
67
原创 switch case方法使用
switch case只有一种条件时的判断,获取今天星期几代码如下(示例):let today = new Date().getDay();switch (today) { case '0': console.log('星期日'); break; case '1': console.log('星期一'); break; case '2': console.log('星期二'); br
2021-01-29 15:59:55
400
原创 element-ui中el-tab的的使用
element-ui中el-tab的使用name就是与选项卡绑定值 value 对应的标识符,表示选项卡别名 ,用v-model绑定值,选中选项卡的 nametab页被点击的时候触发的事件打印tab参数,你可以在这个函数里面进行操作就是在tab页切换之前会触发的,你可以调用这个方法,去进行阻止tab页切换操作...
2021-01-28 11:34:38
3578
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人