let methods = (function ()
return color
},//產生區間隨機數
randomnum(min, max, bool) ,
//陣列去重
arrayuniq(arr)
}return list
},//陣列亂序
arrayrandom(arr) )
return arr
},//拆分url變成物件
urlsplit(url)
for (let i = 0; i < leng; i++)
return obj
},//將物件拼接到url中
urljoin(url, obj) =$`)}}
return `$?$`
},// 設定元素css樣式
setstyle(elem, style)
},// ajax請求函式
//拖拽事件
mousemove(ele, parent)
parent.addeventlistener('mousemove', movehandler);
parent.addeventlistener('mouseup', movehandler);
} else if (e.type === 'mousemove') else if (e.type === 'mouseup') }},
//繼承
inherit(father, son) //使用閉包產生私有函式
(function (father, son) (father, son))
},//深複製
deepcopy(org, tag) ; //初始化要複製的物件
var name = object.getownpropertynames(org); //獲取該物件的屬性名，以字串陣列返回
for (var i = 0; i < name.length; i++) : ; //判斷是陣列還是物件
object.defineproperty(tag, name[i], );
this.deepcopy(desc.value, obj); //再次執行函式
} else
}return tag;
},//獲取偽元素
pseudoele(ele, type) ,
//獲取資料型別
gettype(data)
if (data === null) else if (type === 'object') else
},// 在某元素（after）之後插入元素（target）
insertafter(parent, after, target) else
},//瀏覽器事件相容函式
addhandler(ele, type, handler) else if (ele.attachevent) )
} else
},// 取消事件冒泡
stopbubble(event) else
},//取消預設事件
stopdefault(event) else
},// 事件處理機制
eventctrl(ele, type, handler, fn, data)
},//事件處理機制（方法）
onevent(ele, handler, fn, data) ,
removeevent(ele, handler, fn, data) ,
dispatchevent(ele, handler, fn, data) ,
// cookie操作(time是小時)
cookieuse(type, data, name, time = 1)
}break;
default:
break;}},
// 快取storage使用
storageuse(method, type, name, data)
if (method === 'session') else if (method === 'local') else
switch (type)
},// 複製文字(可複製元素內容,輸入框的值,字串)ele是觸發事件物件，event是事件型別,target是被複製的物件
copytext(ele, event, target) else if (target.value) else
input.select();
document.execcommand('copy');
input.style.display = 'none'
})},
// 獲取選中文字
selecttext(parent, event, fn) else if (document.selection && document.selection.createrange)
fn(str)
})},
// checkbox全選
checkall(selectall, selectitem)
});for (let j = 0; j < len; j++)
selectall.checked = result ? true : false})}
},// 陣列扁平化
demotearr(arr, list = ) else
}return list
},//陣列公升二維(num:每層的個數)
updatearr(arr, num, list = )
list.push(initlist)
}return list
},// 轉base64
changeblob(file, fn) ;
ofilereader.readasdataurl(blob);
// pic.src = window.url.createobjecturl(blob);}}
},// **聯動
moreselect: function (url, elements)
getarea.prototype =
}for (var i = 0; i < data.length; i++)
parent.addeventlistener('change', this.changehandler);
parent.data = data
parent.self = this
},init(elements) ,
loadhandler(e) ,
changehandler(e)
});this.self.selections.foreach((item, val) =>
})if (this.self.num > this.self.selections.length - 1)
this.self.num++
this.self.createoptions(list, this.self.selections[this.self.num])}}
return getarea = new getarea(url);
},// 函式節流
throttle(fn, time)
cando = false
settimeout(() => , time)}},
// 函式防抖
debounce(fn, time)
_timer = settimeout(fn, time)}}
}}())
js 常用工具方法
1 cookie 操作 setcookie about 設定cookie 預設乙個月失效 function setcookie name,value getcookie about 獲取cookie function getcookie name else delcookie about 刪除coo...
js常用工具方法
slice substring substr 都有擷取字串的作用 1.substring substring 方法返回乙個索引和另乙個索引之間的字串 注意 方法返回乙個索引和另乙個索引之間的字串，語法如下 str.substring indexstart,indexend 下面有六點需要注意 sub...
JS 常用工具類封裝
js 校驗工具類 function checkutil 校驗是否為空 先刪除二邊空格再驗證 checkutil.isnull function obj 函式名稱 isblank 函式功能 判斷給定字串是否為空 函式引數 str,需要處理的字串 checkutil.isblank function o...