一偷溺、Cookie相關(guān)
1、獲取cookie
let getCookie = function (key) {
let r = new RegExp('(?:^|+|\\s+)' + key + '=([^]*)')
// 上面正則使用了環(huán)視 具體可參考之前正則相關(guān)文章
let m = document.cookie.match(r)
return (!m ? '' : m[1])
}
2钱贯、寫入cookie
/**
* @param {String|Number} expires 定義cookie的有效時(shí)間挫掏，值可以是一個(gè)數(shù)字（從創(chuàng)建cookie時(shí)算起，以天為單位）或一個(gè)Date 對(duì)象秩命。
* @param {String} path 該Cookie的使用路徑
* @param {String} domain 可以訪問(wèn)該Cookie的域名 如果設(shè)置的是主域名尉共，子域名都可以訪問(wèn)該cookie
* @param {Boolean} secure 是否僅被使用安全協(xié)議傳輸。安全協(xié)議有HTTPS和SSL等弃锐，在網(wǎng)絡(luò)上傳輸數(shù)據(jù)之前先將數(shù)據(jù)加密袄友。默認(rèn)為false。
*/
let setCookie = function (name, value, expires = null, path = '/', domain = null, secure = false) {
let exp = new Date()
expires = expires && new Date(exp.getTime() + parseInt(expires) * 60 * 1000)
document.cookie = name + '=' + escape(value) + (expires ? '; expires=' + expires : '') + '; path=' + path + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : '')
}
setCookie('name','yuhoo', 10, '/', 'xinhulu.com')
3霹菊、刪除cookie
// 設(shè)置cookie已過(guò)期
let delCookie = function (name) {
let value = getCookie(name)
if (value) {
let exp = new Date(exp.getTime() - 60 * 1000)
document.cookie = name + '; expires=' + exp
}
}
二剧蚣、URL相關(guān)
1、獲取url參數(shù)
let getParameter = function (name, str) {
str = str || location.href
let r = new RegExp('(\\?|#|&)' + name + '=([^&#]*)(&|#|$)'); let m = str.match(r)
return decodeURIComponent(!m ? '' : m[2])
}
三旋廷、數(shù)據(jù)類型
1券敌、數(shù)據(jù)類型判斷
let isType = function (type) {
return function (obj) {
return Object.prototype.toString.call(obj) === '[object ' + type + ']'
}
}
let isObject = isType('Object')
let isString = isType('String')
let isNumber = isType('Number')
let isArray = Array.isArray || isType('Array')
let isFunction = isType('Function')
let isNull = function (obj) { return obj === null }
let isUndefined = function (obj) { return obj === undefined }
四、瀏覽器環(huán)境
1柳洋、瀏覽器環(huán)境判斷
let browser = {
versions: (function () {
let u = navigator.userAgent
return {
// 平臺(tái)
window: !!u.indexOf('Windows') > -1, //是否為pc終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: !!(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1), //android終端
// 內(nèi)核
trident: u.indexOf('Trident') > -1, //IE內(nèi)核
presto: u.indexOf('Presto') > -1, //opera內(nèi)核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果待诅、谷歌內(nèi)核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, //火狐內(nèi)核
// 其他
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
iPhone: u.indexOf('iPhone') > -1, //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') === -1, //是否web應(yīng)該程序，沒(méi)有頭部與底部
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
qq: u.match(/\sQQ/i) === ' qq' //是否QQ
}
}()),
language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
五熊镣、校驗(yàn)
1卑雁、電話校驗(yàn)
let isMobile = function(v){
if(/^1[34578]\d{9}$/.test(v)){
return v;
}
return false;
}
let isEmail = function(v){
let reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(reg.test(v)){
return v;
}
return false;
}
六、日期
1绪囱、固定日期格式
let formatDate = function (date, fmt) {
let o = {
"M+": date.getMonth() + 1, //月份
"d+": date.getDate(), //日
"h+": date.getHours(), //小時(shí)
"m+": date.getMinutes(), //分
"s+": date.getSeconds(), //秒
"q+": Math.floor((date.getMonth() + 3) / 3), //季度
"S": date.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
for (let k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss') // "2019-10-11 15:03:26"
七测蹲、拷貝
1、深拷貝
function deepAssign (to, from) {
for (let key in from) {
if (!to[key] || typeof to[key] !== 'object') {
to[key] = from[key]
} else {
deepAssign(to[key], from[key])
}
}
}
