js常用小函数
在开发过程中经常使用到的一些函数
vip.khan
这个作者很懒,什么都没留下…
展开
-
js图片上传转为base64
本地图片上传之后转为base64使用,函数调用方式是vue的方法哈1.html<input id="file" @change="handleFileChange" type="file" />2.js handleFileChange(e) { const files = e.target.files; var reader=new FileReader(); reader.onload=f原创 2021-07-12 14:36:22 · 336 阅读 · 0 评论 -
js复制文本到剪切板
//复制文本到剪切板 copyText(val){ var input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); // 防止手机上弹出软键盘 input.setAttribute('value',val); document.body.appendChild(input); input.select(); var res = docume..原创 2021-03-23 11:25:15 · 133 阅读 · 0 评论 -
js判断变量的值是否为数字
//判断是否为数字 isNumber(val){ var regPos = /^\d+(\.\d+)?$/; //非负浮点数 var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数 if(regPos.test(val) || regNeg.test(val)){ return true; ...原创 2021-03-23 11:24:39 · 169 阅读 · 0 评论 -
js判断是否为json字符串
//判断是否为json字符串 isJSON(str) { if (typeof str == 'string') { try { var obj=JSON.parse(str); if(typeof obj == 'object' && obj ){ return true; }else{ ...原创 2021-03-23 11:23:37 · 422 阅读 · 0 评论 -
js使用canvas压缩图片
//压缩图片 Compresspicture(file){ return new Promise((resolve,reject)=>{ let r = new FileReader(); //本地预览 r.readAsDataURL(file) r.onload = function(){ let src=r.result const img = new Imag...原创 2021-03-23 11:22:39 · 164 阅读 · 0 评论 -
js数组取差集
//数组取差集 arrDifferenceDet(arr1, arr2) { var set1 = new Set(arr1); var set2 = new Set(arr2); var subset = []; for (let item of set1) { if (!set2.has(item)) { subset.push(item); } } retur...原创 2021-03-23 11:19:21 · 627 阅读 · 0 评论 -
js对象数组去重
// 对象数组去重 arrDuplicateRemoval(arr, id) { const res = new Map(); return arr.filter((arr) => !res.has(arr[id]) && res.set(arr[id], 1)); }原创 2021-03-23 11:16:29 · 137 阅读 · 0 评论 -
js字符串生成变量对象
//字符串生成变量对象 stringVar(vallist) { let ruleslist = {} vallist.map(val => { let rules = { [window[val] = val]: '' } ruleslist = { ...ruleslist, ...rules } }) re...原创 2021-03-23 11:14:26 · 255 阅读 · 0 评论 -
pm2
1、 pm2需要全局安装npm install -g pm22、进入项目根目录2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js2.2 重命名进程/应用 pm2 start app.js --name wb1232.3 添加进程/应用 watch pm2 start bin/www --watch2.4 结束进程/应用 pm2 stop...原创 2019-12-21 12:13:26 · 127 阅读 · 0 评论 -
杂记
cnpm start //打包"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack",//设置打包命令 "server": "webpack-dev-server"//设置开启服务器命令 },cnpm run server //...原创 2019-11-01 17:38:15 · 2323 阅读 · 0 评论 -
原生js实现无限图片滚动轮播:左右滚动,从最后一张轮播到第一张的时候不会一下子从左到右跳回去
原生js实现无限图片滚动轮播:左右滚动,从最后一张轮播到第一张的时候不会一下子从左到右跳回去写代码也要把我家大殿带着,大殿万安1、html部分 <div class="box"> <div class="swiper_box"> <img src="img/a.jpg" /> <img src="img/...原创 2019-07-28 17:22:41 · 3789 阅读 · 6 评论 -
JS实现循环给元素绑定事件的几个常用方法
作为一个JS的初学者,想对一些元素循环绑定事件的时候总是出现各种问题,尤其是在对闭包没有熟练掌握的时候更是一头雾水。网上一查,果然好多初学者有这个困惑,既然这个问题总是出现,于是在我就总结了以下两个比较好理解的解决方案,分享给大家:(可能还有更好的方式我没有发现,请各位前辈分享)比如下面这个例子:HTML代码:<div class="wrap"> <...转载 2019-07-25 08:57:32 · 913 阅读 · 0 评论 -
图片403
网络图片出现403在<head></head>里面加上<meta name="referrer" content="no-referrer" />就ok啦啦啦原创 2018-06-14 16:59:41 · 489 阅读 · 0 评论