前言

因为工作中经常用到这些方法，所有便把这些方法进行了总结。

JavaScript

1. type 类型判断

isString (o) { //是否字符串return Object.prototype.toString.call(o).slice(8，-1) === &39;}isNumber (o) { //是否数字return Object.prototype.toString.call(o).slice(8，-1) === &39;}isBoolean (o) { //是否booleanreturn Object.prototype.toString.call(o).slice(8，-1) === &39;}isFunction (o) { //是否函数return Object.prototype.toString.call(o).slice(8，-1) === &39;}isNull (o) { //是否为nullreturn Object.prototype.toString.call(o).slice(8，-1) === &39;}isUndefined (o) { //是否undefinedreturn Object.prototype.toString.call(o).slice(8，-1) === &39;}isObj (o) { //是否对象return Object.prototype.toString.call(o).slice(8，-1) === &39;}isArray (o) { //是否数组return Object.prototype.toString.call(o).slice(8，-1) === &39;}isDate (o) { //是否时间return Object.prototype.toString.call(o).slice(8，-1) === &39;}isRegExp (o) { //是否正则return Object.prototype.toString.call(o).slice(8，-1) === &39;}isError (o) { //是否错误对象return Object.prototype.toString.call(o).slice(8，-1) === &39;}isSymbol (o) { //是否Symbol函数return Object.prototype.toString.call(o).slice(8，-1) === &39;}isPromise (o) { //是否Promise对象return Object.prototype.toString.call(o).slice(8，-1) === &39;}isSet (o) { //是否Set对象return Object.prototype.toString.call(o).slice(8，-1) === &39;}isFalse (o) {if (!o || o === &39; || o === &39; || o === &39; || o === &39;) return truereturn false}isTrue (o) {return !this.isFalse(o)}isIos () {var u = navigator.userAgent;if (u.indexOf(&39;) > -1 || u.indexOf(&39;) > -1) {//安卓手机// return &34;;return false} else if (u.indexOf(&39;) > -1) {//苹果手机// return &34;;return true} else if (u.indexOf(&39;) > -1) {//iPad// return &34;;return false} else if (u.indexOf(&39;) > -1) {//winphone手机// return &34;;return false}else{return false}}isPC () { //是否为PC端var userAgentInfo = navigator.userAgent;var Agents = [&34;，&34;， &34;，&34;， &34;，&34;];var flag = true;for (var v = 0; v < Agents.length; v++) {if (userAgentInfo.indexOf(Agents[v]) > 0) {flag = false;break;}}return flag;}browserType(){var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isOpera = userAgent.indexOf(&34;) > -1; //判断是否Opera浏览器var isIE = userAgent.indexOf(&34;) > -1 && userAgent.indexOf(&34;) > -1 && !isOpera; //判断是否IE浏览器var isIE11 = userAgent.indexOf(&39;) > -1 && userAgent.indexOf(&34;) > -1;var isEdge = userAgent.indexOf(&34;) > -1 && !isIE; //判断是否IE的Edge浏览器var isFF = userAgent.indexOf(&34;) > -1; //判断是否Firefox浏览器var isSafari = userAgent.indexOf(&34;) > -1 && userAgent.indexOf(&34;) == -1; //判断是否Safari浏览器var isChrome = userAgent.indexOf(&34;) > -1 && userAgent.indexOf(&34;) > -1; //判断Chrome浏览器if (isIE) {var reIE = new RegExp(&34;);reIE.test(userAgent);var fIEVersion = parseFloat(RegExp[&34;]);if(fIEVersion == 7) return &34;else if(fIEVersion == 8) return &34;;else if(fIEVersion == 9) return &34;;else if(fIEVersion == 10) return &34;;else return &34;//IE版本过低}if (isIE11) return &39;;if (isEdge) return &34;;if (isFF) return &34;;if (isOpera) return &34;;if (isSafari) return &34;;if (isChrome) return &34;;}checkStr (str，type) {switch (type) {case &39;: //手机号码return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);case &39;: //座机return /^(0\d{2，3}-\d{7，8})(-\d{1，4})?$/.test(str);case &39;://身份证return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);case &39;: //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线return /^[a-zA-Z]\w{5，17}$/.test(str)case &39;://邮政编码return /[1-9]\d{5}(?!\d)/.test(str);case &39;://QQ号return /^[1-9][0-9]{4，9}$/.test(str);case &39;: //邮箱return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);case &39;: //金额(小数点2位)return /^\d*(?:\.\d{0，2})?$/.test(str);case &39;: //网址return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.，@?^=%&:/~\+])?/.test(str)case &39;://IPreturn /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);case &39;://日期时间return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str)case &39;://数字return /^[0-9]$/.test(str);case &39;: //英文return /^[a-zA-Z]+$/.test(str);case &39;: //中文return /^[\u4E00-\u9FA5]+$/.test(str);case &39;: //小写return /^[a-z]+$/.test(str);case &39;: //大写return /^[A-Z]+$/.test(str);case &39;://HTML标记return /<(&34;]*&39;[^&39;|[^&34;>])*>/.test(str);default:return true;}// 严格的身份证校验isCardID(sId) {if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {alert(&39;)return false}//身份证城市var aCity={11:&34;，12:&34;，13:&34;，14:&34;，15:&34;，21:&34;，22:&34;，23:&34;，31:&34;，32:&34;，33:&34;，34:&34;，35:&34;，36:&34;，37:&34;，41:&34;，42:&34;，43:&34;，44:&34;，45:&34;，46:&34;，50:&34;，51:&34;，52:&34;，53:&34;，54:&34;，61:&34;，62:&34;，63:&34;，64:&34;，65:&34;，71:&34;，81:&34;，82:&34;，91:&34;};if(!aCity[parseInt(sId.substr(0，2))]) { alert(&39;)return false}// 出生日期验证var sBirthday=(sId.substr(6，4)+&34;+Number(sId.substr(10，2))+&34;+Number(sId.substr(12，2))).replace(/-/g，&34;)， d = new Date(sBirthday)if(sBirthday != (d.getFullYear()+&34;+ (d.getMonth()+1) + &34; + d.getDate())) {alert(&39;)return false}// 身份证号码校验var sum = 0， weights =[7，老舍简介及作品简介，9，10，5，8，4，2，1，6，3，7，9，10，5，8，4，2]， codes = &34;for (var i = 0; i < sId.length - 1; i++) {sum += sId[i] * weights[i];}var last = codes[sum % 11]; //计算出来的最后一位身份证号码if (sId[sId.length-1] != last) { alert(&39;)return false}return true}}

2. Date

3. Array

4. String 字符串操作

5. Number

6. Http

** * @param{setting} */ajax(setting){//设置参数的初始值var opts={method: (setting.method || &34;).toUpperCase()，//请求方式url: setting.url || &34;，// 请求地址async: setting.async || true，// 是否异步dataType: setting.dataType || &34;，// 解析方式data: setting.data || &34;，// 参数success: setting.success || function(){}，// 请求成功回调error: setting.error || function(){} // 请求失败回调}// 参数格式化function params_format (obj) {var str = &39;for (var i in obj) {str += i + &39; + obj[i] + &39;}return str.split(&39;).slice(0，-1).join(&39;)}// 创建ajax对象var xhr=new XMLHttpRequest();// 连接服务器open(方法GET/POST，请求地址， 异步传输)if(opts.method == &39;){xhr.open(opts.method，opts.url + &34; + params_format(opts.data)，opts.async);xhr.send();}else{xhr.open(opts.method，opts.url，opts.async);xhr.setRequestHeader(&34;，&34;);xhr.send(opts.data);}/*** 每当readyState改变时，就会触发onreadystatechange事件** readyState属性存储有XMLHttpRequest的状态信息** 0 ：请求未初始化** 1 ：服务器连接已建立** 2 ：请求已接受** 3 : 请求处理中** 4 ：请求已完成，且相应就绪*/xhr.onreadystatechange = function() {if (xhr.readyState === 4 && (xhr.status === 200 || xhr.status === 304)) {switch(opts.dataType){case &34;:var json = JSON.parse(xhr.responseText);opts.success(json);break;case &34;:opts.success(xhr.responseXML);break;default:opts.success(xhr.responseText);break;}}}xhr.onerror = function(err) {opts.error(err);}}/** * @param{url} * @param{setting} * @return {Promise} */fetch(url，setting) {//设置参数的初始值let opts={method: (setting.method || &39;).toUpperCase()，//请求方式headers : setting.headers|| {}，// 请求头设置credentials : setting.credentials|| true，// 设置cookie是否一起发送body: setting.body || {}， mode : setting.mode|| &39;，// 可以设置 cors，no-cors，same-originredirect : setting.redirect|| &39;，// follow，error，manualcache : setting.cache|| &39; // 设置 cache 模式 (default，reload，no-cache)}let dataType = setting.dataType || &34;，// 解析方式data = setting.data || &34; // 参数// 参数格式化function params_format (obj) {var str = &39;for (var i in obj) {str += `${i}=${obj[i]}&`}return str.split(&39;).slice(0，-1).join(&39;)}if (opts.method === &39;) {url = url + (data?`?${params_format(data)}`:&39;)}else{setting.body = data || {}}return new Promise( (resolve，reject) => {fetch(url，opts).then( async res => {let data = dataType === &39; ? await res.text() :dataType === &39; ? await res.blob() : await res.json() resolve(data)}).catch( e => {reject(e)})})}

作者资料：吴承恩（1500年-1582年），字汝忠，号射阳山人。汉族，淮安府山阳县（今江苏省淮安市淮安区）人，祖籍安徽省桐城县高甸（今枞阳县雨坛乡高甸），以祖先聚居枞阳高甸，故称高甸吴氏。因随祖父迁徙至淮安府（今江。

7. DOM

$ (selector){ var type = selector.substring(0，1);if (type === &&39;.&39;querySelectorAll&39;querySelectorAll&39;getElementsByTagName&39;(\\s|^)&39;(\\s|$)&34; &39;(\\s|^)&39;(\\s|$)&39;&39;Object&39;=&39;;expires=&39;=&39;;expires=&39;; &39;=&39;&39;Object&39;Object&34;(^|&)&34;=([^&]*)(&|$)&39;?&39;&&39;=&39;?&39;?&39;?&34;&&34;=&34;\{\}]/g，&34;).replace(/\:/g，&34;).replace(/\，/g，&34;);return url}else{return url;}}/*获取十六进制随机颜色*/getRandomColor () {return &&34;0&34;div&34;div&39;0&ff0;color: 34;button&34;reset&34;submit&34;button&34;reset&34;submit&34;button&34;reset&34;submit&34;checkbox&34;radio&34;number&34;number&34;search&34;search&34;search&ff0;color: 34;button&34;reset&34;submit&34;button&34;reset&34;submit&34;button&34;reset&34;submit&34;checkbox&34;radio&34;number&34;number&34;search&34;search&34;search&39;Open Sans&34;text&34;.&cc0031 }.darkblue，a.darkblue { color:878787 }.lh150 { line-height:150% }.lh180 { line-height:180% }.lh200 { line-height:200% }.unl { text-decoration:underline; }.no_unl { text-decoration:none; }.tl { text-align: left; }.tc { text-align: center; }.tr { text-align: right; }.tj { text-align: justify; text-justify: inter-ideograph; }.wn { /* 强制不换行 */word-wrap:normal;white-space:nowrap;}.wb { /* 强制换行 */white-space:normal;word-wrap:break-word;word-break:break-all;}.wp { /* 保持空白序列*/overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}.wes { /* 多出部分用省略号表示 ，用于一行 */overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}.wes-2 { /* 适用于webkit内核和移动端 */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .wes-3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}.wes-4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}/* 溢出样式 */.ofh { overflow: hidden; }.ofs {overflow: scroll; }.ofa {overflow: auto; }.ofv {overflow: visible; }/* 定位方式 */.ps {position: static; }.pr {position: relative;zoom:1; }.pa {position: absolute; }.pf {position: fixed; }/* 垂直对齐方式 */.vt {vertical-align: top; }.vm {vertical-align: middle; }.vb {vertical-align: bottom; }/* 鼠标样式 */.csd {cursor: default; }.csp {cursor: pointer; }.csh {cursor: help; }.csm {cursor: move; }/* flex布局 */.df-sb {display:flex;align-items: center;justify-content: space-between;}.df-sa {display:flex;align-items: center;justify-content: space-around;}/* 垂直居中 */.df-c {display: flex;align-items: center;justify-content: center;}.tb-c {text-align:center;display:table-cell;vertical-align:middle;}.ts-c {position: absolute;left: 50%; top: 50%;transform: translate(-50%，-50%);}.ts-mc {position: absolute;left: 0;right: 0;bottom: 0; top: 0;margin: auto;}/* 辅助 */.mask-fixed-wrapper {width: 100%;height: 100%;position: fixed;left:0;top:0;background: rgba(0，0，0，0.65);z-index: 999;}.bg-cover {background-size: cover;background-repeat: no-repeat;background-position: center center;}.bg-cover-all {background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}

齐刷刷、朝夕相伴、如法炮制、格格不入、无所适从、顺理成章、一动不动、此起彼伏、绘声绘色、昏昏欲睡、如梦如幻、结结实实、忍俊不禁、无恶不作、莫名其妙、三下两下、大汗淋漓。

以上都是经常用到的方法

Github地址

博客地址

本文作者：咚子原文链接：

《朝花夕拾》有着丰富的思想内容,描写了作者对童年生活的回忆和对师友诚挚的怀念,真实地书写了戊戌政变和辛亥革命前后作者所经历的生活种种——从农村到城镇,从家庭到社会,从中国到日本,每一篇都生动的反映了那个时代社会生活的一角 作。