小案例
关注
分享
扫一扫
小案例
weixin_42291794
这个作者很懒，什么都没留下…
展开
-
js 每隔2秒循环调用
function play(objFn) { let i = 0; setInterval(() => { objFn[i](); i++; i = i < objFn.length ? i : 0; }, 2000)}原创 2020-10-26 09:15:43 · 1703 阅读 · 0 评论 -
js 字符串转金额格式
function strMoney(str, n,strN) { let str1 = str.substring(0, str.length % n); let str2 = str.slice(2); let i = 0; let arrstr = []; while (i < str2.length) { arrstr.push(str2.slice(i, i + n)); i += n; } let str原创 2020-10-24 11:14:17 · 1425 阅读 · 0 评论 -
js 搜索联想功能
<input type="text" class="inp"><button class="btn">搜索</button></button><br><div class="con"></div>let arr = ['namename','naee','age','append','aaa','pre','next','你好啊你好啊','你事件流咖啡豆'];let inp = document.querySelec原创 2020-09-28 19:25:30 · 241 阅读 · 0 评论 -
js 实现简单的模板字符串
let str = 'my name is ${name},I am ${age}...';let obj = { name: 'xxx', age: 13}let reg = /\$\{\w+?\}/g;let str1;function fn(str,obj){ Object.keys(obj).forEach((item,index,arr)=>{ str1 = str.replace(reg,obj[item]) }) retu原创 2020-09-25 19:47:30 · 703 阅读 · 0 评论 -
js 数组扁平化（多维转一维）
let arr = [1, 2, [3, 4, [5, 6]], 7];//方法一：console.log(arr.join(',').split(','));//方法二：console.log(JSON.stringify(arr).replace(/[\[\]]/g,''));//方法三：let arr1 = [];function fn(arr) { arr.forEach((item, index, arr) => { if (Array.isArray(原创 2020-09-25 18:41:42 · 140 阅读 · 0 评论 -
js 拆分url
let url = 'http://xxx.com/api/page/index?id=1&name=lin&age=13&pwd=&like=something';function sliceURL(url) { let urlarg = url.slice(url.indexOf('?') + 1); let arr = urlarg.split('&').map(function (item, index, arr) { ret原创 2020-09-23 09:34:37 · 1099 阅读 · 0 评论 -
promise封装ajax请求
function request(options) { return new Promise((resolve, reject) => { let { url, method, data } = { ...options }; let baseURL = 'http://xxx.com/api/'; wx.request({ header: { 'content-type': 'applic原创 2020-09-22 19:13:36 · 151 阅读 · 0 评论 -
js 数组去重
1、循环两遍，依次用自己和其他所有项相比，找到相同的删除，记得i--arr.forEach(function(item,index,arr){ for(let i=0;i<arr.length;i++){ if(i!=index&&item==arr[i]){ arr.splice(i,1); i--; } }})console.log(arr);...原创 2020-09-22 19:05:04 · 75 阅读 · 0 评论 -
js 各种数据类型的toString、valueOf方法比较，及Object.prototype.toString.call(各种数据类型数据)
Object.toString.call(各种数据类型数据)原创 2020-08-20 09:01:37 · 179 阅读 · 0 评论 -
js 实现 时分秒 倒计时
1. 实现效果2. 实现原理计算和显示的变量分离；h、m、s用于计算，均为0~59；h1、m1、s1用于显示；设置定时器，让s每隔1秒减1当s<0时，s=59，m=m-1当m<0时，m=59，h=h-1当h<0时，h=m=s=0，并清除定时器当h、m、s小于10时，h1、m1、s1分别前面补0占位3.代码<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2020-07-23 15:01:51 · 191 阅读 · 0 评论 -
js 实现 无缝隙 滑动轮播
效果展示实现原理实现maxdiv在mindiv元素内滑动滚动mousedown时,获取鼠标开始位置start和移动元素maxdiv的相对于mindiv元素的距离左侧位置leftInitmousemove时,获取鼠标结束位置end，并改变maxdiv的marginLeft移动元素maxdiv的最终为止为end-start+leftIntmoveup时，判断最终位置是否到边界（0和minWidth-maxWidth），到边界时为边界位置；并取消mousemove监听事件<!DOCT原创 2020-07-22 18:15:22 · 159 阅读 · 0 评论 -
js 只绑定一次事件
let div1 = document.querySelector('.div1')div1.addEventListener('mousedown',function(){ console.log('div1') //正常绑定，每执行一次绑定一次 div1.addEventListener('mouseup',function(){ console.log('aaa') }) //封装函数once只绑定一次 once(div1,'mous原创 2020-07-08 10:57:16 · 1059 阅读 · 0 评论 -
js删除对象（非Array）中的某一项
1. delete item<script> let obj = { a:{ aa:11, aaa:22 }, b:{ bb:33, bbb:'bbb' }, c:{ cc:'cc', ccc:'ccc' } } delete obj原创 2020-06-29 13:59:46 · 156 阅读 · 0 评论 -
url、base64、blob之间的转换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https:/原创 2020-06-22 08:53:44 · 557 阅读 · 0 评论 -
js生成简单的4位数验证码
Math.random().toString(16).slice(2,6).toUpperCase()转成16进制会有字母，2-6是小数点后第一位开始原创 2020-06-18 17:10:52 · 341 阅读 · 0 评论 -
图片禁止右键保存
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https:/原创 2020-06-17 20:10:04 · 1389 阅读 · 0 评论