2021年5月12日
前端压缩图片
摘要： 项目代码封装的一个函数，传入file，type = 1返回file格式，默认返回base64，返回的是promise // 压缩图片 const compressImg = (file, type) => { let src; let files; const fileSize = parseFlo 阅读全文
posted @ 2021-05-12 17:24 王坤龙 阅读(127) 评论(0) 推荐(0)
h5端 input file accept限制类型的话会无法调用相机
摘要： 在做h5上传照片功能时，对照片格式做了以下限制 <input type="file" accept="image/png,image/jpg,image/jpeg" > 但在微信浏览器中，这种写法会无法调用相机，从而直接进入图库 accept="image/*就是正常的 可以把accept="ima 阅读全文
posted @ 2021-05-12 15:59 王坤龙 阅读(1440) 评论(0) 推荐(0)
2021年5月6日
js更新dom后页面不及时渲染问题（js线程阻塞和解决办法）
摘要： 两个概念：1，js是同步加载的 2，浏览器执行js程序，高于页面渲染 于是就出现了js更新dom，页面不能及时渲染的问题 代码例子： document.body.html('为什么不先渲染我'); //程序 $.ajax({ url: '', async: false }) //运行结果会在ajax 阅读全文
posted @ 2021-05-06 16:24 王坤龙 阅读(1842) 评论(0) 推荐(0)
前端图片上传进度条的实现
摘要： 使用onUploadProgress方法实现进度条，具体使用方法如下 axios.post(url,param, { onUploadProgress: progressEvent => { if (progressEvent.lengthComputable) { this.percent = ( 阅读全文
posted @ 2021-05-06 09:35 王坤龙 阅读(656) 评论(0) 推荐(0)
2021年1月29日
两个数组找相同的值
摘要： let arr1 =[1,2,3] //跟 let arr2 =[4,6,5] //子 let arr3 =[1,2,6] //根子都有 let frist =arr3.filter(item=> arr1.indexOf(item)>-1) //跟 let frist1 =arr3.filter( 阅读全文
posted @ 2021-01-29 16:25 王坤龙 阅读(331) 评论(0) 推荐(0)
文本超出一行及多行显示...
摘要： 单行文本溢出隐藏变为... p { /* 隐藏元素溢出内容 */ overflow: hidden; /* 单行显示 */ white-space: nowrap; /* 溢出显示省略号 */ text-overflow: ellipsis; } 多行文本溢出隐藏变为... p { overflow 阅读全文
posted @ 2021-01-29 15:39 王坤龙 阅读(597) 评论(0) 推荐(0)
2021年1月26日
reduce的高级用法
摘要： （1）计算数组中每个元素出现的次数 let names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice']; let nameNum = names.reduce((pre,cur)=>{ if(cur in pre){ pre[cur]++ }else{ pr 阅读全文
posted @ 2021-01-26 13:51 王坤龙 阅读(236) 评论(0) 推荐(0)
2021年1月22日
简单写一个通知栏的自动向上滚动及活动倒计时完整代码
摘要： 效果图： html: <div class="notice"> <div class="rongqi"> <p v-for="(item, index) in paymember" :key="index"> <img :src="item.upic" alt=""> <span> &nbsp恭喜 阅读全文
posted @ 2021-01-22 15:50 王坤龙 阅读(363) 评论(0) 推荐(0)
2021年1月19日
防抖、节流、深拷贝
摘要： <script> // 防抖 以最后一次输入为准 var textobj = { a: 1, b: 2 } var request = function () { console.log(this.a+this.b) } var debounce = function (fn, delaytime) 阅读全文
posted @ 2021-01-19 15:15 王坤龙 阅读(46) 评论(0) 推荐(0)
2021年1月16日
手写input file图片上传
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>input file图片上传</title> </head> <body> <input type="file" accept="image/*" id="file" valu 阅读全文
posted @ 2021-01-16 13:06 王坤龙 阅读(193) 评论(0) 推荐(0)
下一页