JavaScript和CSS常用工具方法封装

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

创新互联建站从2013年成立，先为晋源等服务建站，晋源等地企业，进行企业商务咨询服务。为晋源企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

JavaScript

1. type 类型判断

  
 
 
    
   
  
  
  1. isString (o) { //是否字符串
    2. 
   
  
  
  2.     return Object.prototype.toString.call(o).slice(8, -1) === 'String'
    3. 
   
  
  
  3. }
    4. 
   
  
  
  4. 
   
  
  
  5. isNumber (o) { //是否数字
    6. 
   
  
  
  6.     return Object.prototype.toString.call(o).slice(8, -1) === 'Number'
    7. 
   
  
  
  7. }
    8. 
   
  
  
  8. 
   
  
  
  9. isBoolean (o) { //是否boolean
    10. 
   
  
  
  10.     return Object.prototype.toString.call(o).slice(8, -1) === 'Boolean'
    11. 
   
  
  
  11. }
    12. 
   
  
  
  12. 
   
  
  
  13. isFunction (o) { //是否函数
    14. 
   
  
  
  14.     return Object.prototype.toString.call(o).slice(8, -1) === 'Function'
    15. 
   
  
  
  15. }
    16. 
   
  
  
  16. 
   
  
  
  17. isNull (o) { //是否为null
    18. 
   
  
  
  18.     return Object.prototype.toString.call(o).slice(8, -1) === 'Null'
    19. 
   
  
  
  19. }
    20. 
   
  
  
  20. 
   
  
  
  21. isUndefined (o) { //是否undefined
    22. 
   
  
  
  22.     return Object.prototype.toString.call(o).slice(8, -1) === 'Undefined'
    23. 
   
  
  
  23. }
    24. 
   
  
  
  24. 
   
  
  
  25. isObj (o) { //是否对象
    26. 
   
  
  
  26.     return Object.prototype.toString.call(o).slice(8, -1) === 'Object'
    27. 
   
  
  
  27. }
    28. 
   
  
  
  28. 
   
  
  
  29. isArray (o) { //是否数组
    30. 
   
  
  
  30.     return Object.prototype.toString.call(o).slice(8, -1) === 'Array'
    31. 
   
  
  
  31. }
    32. 
   
  
  
  32. 
   
  
  
  33. isDate (o) { //是否时间
    34. 
   
  
  
  34.     return Object.prototype.toString.call(o).slice(8, -1) === 'Date'
    35. 
   
  
  
  35. }
    36. 
   
  
  
  36. 
   
  
  
  37. isRegExp (o) { //是否正则
    38. 
   
  
  
  38.     return Object.prototype.toString.call(o).slice(8, -1) === 'RegExp'
    39. 
   
  
  
  39. }
    40. 
   
  
  
  40. 
   
  
  
  41. isError (o) { //是否错误对象
    42. 
   
  
  
  42.     return Object.prototype.toString.call(o).slice(8, -1) === 'Error'
    43. 
   
  
  
  43. }
    44. 
   
  
  
  44. 
   
  
  
  45. isSymbol (o) { //是否Symbol函数
    46. 
   
  
  
  46.     return Object.prototype.toString.call(o).slice(8, -1) === 'Symbol'
    47. 
   
  
  
  47. }
    48. 
   
  
  
  48. 
   
  
  
  49. isPromise (o) { //是否Promise对象
    50. 
   
  
  
  50.     return Object.prototype.toString.call(o).slice(8, -1) === 'Promise'
    51. 
   
  
  
  51. }
    52. 
   
  
  
  52. 
   
  
  
  53. isSet (o) { //是否Set对象
    54. 
   
  
  
  54.     return Object.prototype.toString.call(o).slice(8, -1) === 'Set'
    55. 
   
  
  
  55. }
    56. 
   
  
  
  56. 
   
  
  
  57. isFalse (o) {
    58. 
   
  
  
  58.     if (!o || o === 'null' || o === 'undefined' || o === 'false' || o === 'NaN') return true
    59. 
   
  
  
  59.         return false
    60. 
   
  
  
  60. }
    61. 
   
  
  
  61. 
   
  
  
  62. isTrue (o) {
    63. 
   
  
  
  63.     return !this.isFalse(o)
    64. 
   
  
  
  64. }
    65. 
   
  
  
  65. 
   
  
  
  66. isIos () {
    67. 
   
  
  
  67.     var u = navigator.userAgent;
    68. 
   
  
  
  68.     if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
    69. 
   
  
  
  69.         // return "Android";
    70. 
   
  
  
  70.         return false
    71. 
   
  
  
  71.     } else if (u.indexOf('iPhone') > -1) {//苹果手机
    72. 
   
  
  
  72.         // return "iPhone";
    73. 
   
  
  
  73.         return true
    74. 
   
  
  
  74.     } else if (u.indexOf('iPad') > -1) {//iPad
    75. 
   
  
  
  75.         // return "iPad";
    76. 
   
  
  
  76.         return false
    77. 
   
  
  
  77.     } else if (u.indexOf('Windows Phone') > -1) {//winphone手机
    78. 
   
  
  
  78.         // return "Windows Phone";
    79. 
   
  
  
  79.         return false
    80. 
   
  
  
  80.     }else{
    81. 
   
  
  
  81.         return false
    82. 
   
  
  
  82.     }
    83. 
   
  
  
  83. }
    84. 
   
  
  
  84. 
   
  
  
  85. isPC () { //是否为PC端
    86. 
   
  
  
  86.     var userAgentInfo = navigator.userAgent;
    87. 
   
  
  
  87.     var Agents = ["Android", "iPhone",
    88. 
   
  
  
  88.                 "SymbianOS", "Windows Phone",
    89. 
   
  
  
  89.                 "iPad", "iPod"];
    90. 
   
  
  
  90.     var flag = true;
    91. 
   
  
  
  91.     for (var v = 0; v < Agents.length; v++) {
    92. 
   
  
  
  92.         if (userAgentInfo.indexOf(Agents[v]) > 0) {
    93. 
   
  
  
  93.             flag = false;
    94. 
   
  
  
  94.             break;
    95. 
   
  
  
  95.         }
    96. 
   
  
  
  96.     }
    97. 
   
  
  
  97.     return flag;
    98. 
   
  
  
  98. }
    99. 
   
  
  
  99. 
   
  
  
  100. browserType(){
    101. 
   
  
  
  101.     var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
    102. 
   
  
  
  102.     var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
    103. 
   
  
  
  103.     var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
    104. 
   
  
  
  104.     var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    105. 
   
  
  
  105.     var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
    106. 
   
  
  
  106.     var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
    107. 
   
  
  
  107.     var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
    108. 
   
  
  
  108.     var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
    109. 
   
  
  
  109. 
   
  
  
  110.     if (isIE) {
    111. 
   
  
  
  111.         var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
    112. 
   
  
  
  112.         reIE.test(userAgent);
    113. 
   
  
  
  113.         var fIEVersion = parseFloat(RegExp["$1"]);
    114. 
   
  
  
  114.         if(fIEVersion == 7) return "IE7"
    115. 
   
  
  
  115.         else if(fIEVersion == 8) return "IE8";
    116. 
   
  
  
  116.         else if(fIEVersion == 9) return "IE9";
    117. 
   
  
  
  117.         else if(fIEVersion == 10) return "IE10";
    118. 
   
  
  
  118.         else return "IE7以下"//IE版本过低
    119. 
   
  
  
  119.     }
    120. 
   
  
  
  120.     if (isIE11) return 'IE11';
    121. 
   
  
  
  121.     if (isEdge) return "Edge";
    122. 
   
  
  
  122.     if (isFF) return "FF";
    123. 
   
  
  
  123.     if (isOpera) return "Opera";
    124. 
   
  
  
  124.     if (isSafari) return "Safari";
    125. 
   
  
  
  125.     if (isChrome) return "Chrome";
    126. 
   
  
  
  126. }
    127. 
   
  
  
  127. 
   
  
  
  128. checkStr (str, type) {
    129. 
   
  
  
  129.     switch (type) {
    130. 
   
  
  
  130.         case 'phone':   //手机号码
    131. 
   
  
  
  131.             return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
    132. 
   
  
  
  132.         case 'tel':     //座机
    133. 
   
  
  
  133.             return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
    134. 
   
  
  
  134.         case 'card':    //身份证
    135. 
   
  
  
  135.             return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
    136. 
   
  
  
  136.         case 'pwd':     //密码以字母开头，长度在6~18之间，只能包含字母、数字和下划线
    137. 
   
  
  
  137.             return /^[a-zA-Z]\w{5,17}$/.test(str)
    138. 
   
  
  
  138.         case 'postal':  //邮政编码
    139. 
   
  
  
  139.             return /[1-9]\d{5}(?!\d)/.test(str);
    140. 
   
  
  
  140.         case 'QQ':      //QQ号
    141. 
   
  
  
  141.             return /^[1-9][0-9]{4,9}$/.test(str);
    142. 
   
  
  
  142.         case 'email':   //邮箱
    143. 
   
  
  
  143.             return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
    144. 
   
  
  
  144.         case 'money':   //金额(小数点2位)
    145. 
   
  
  
  145.             return /^\d*(?:\.\d{0,2})?$/.test(str);
    146. 
   
  
  
  146.         case 'URL':     //网址
    147. 
   
  
  
  147.             return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
    148. 
   
  
  
  148.         case 'IP':      //IP
    149. 
   
  
  
  149.             return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
    150. 
   
  
  
  150.         case 'date':    //日期时间
    151. 
   
  
  
  151.             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)
    152. 
   
  
  
  152.         case 'number':  //数字
    153. 
   
  
  
  153.             return /^[0-9]$/.test(str);
    154. 
   
  
  
  154.         case 'english': //英文
    155. 
   
  
  
  155.             return /^[a-zA-Z]+$/.test(str);
    156. 
   
  
  
  156.         case 'chinese': //中文
    157. 
   
  
  
  157.             return /^[\u4E00-\u9FA5]+$/.test(str);
    158. 
   
  
  
  158.         case 'lower':   //小写
    159. 
   
  
  
  159.             return /^[a-z]+$/.test(str);
    160. 
   
  
  
  160.         case 'upper':   //大写
    161. 
   
  
  
  161.             return /^[A-Z]+$/.test(str);
    162. 
   
  
  
  162.         case 'HTML':    //HTML标记
    163. 
   
  
  
  163.             return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
    164. 
   
  
  
  164.         default:
    165. 
   
  
  
  165.             return true;
    166. 
   
  
  
  166.     }
    167. 
   
  
  
  167. 
   
  
  
  168.     // 严格的身份证校验
    169. 
   
  
  
  169.     isCardID(sId) {
    170. 
   
  
  
  170.         if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
    171. 
   
  
  
  171.             alert('你输入的身份证长度或格式错误')
    172. 
   
  
  
  172.             return false
    173. 
   
  
  
  173.         }
    174. 
   
  
  
  174.         //身份证城市
    175. 
   
  
  
  175.         var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
    176. 
   
  
  
  176.         if(!aCity[parseInt(sId.substr(0,2))]) { 
    177. 
   
  
  
  177.             alert('你的身份证地区非法')
    178. 
   
  
  
  178.             return false
    179. 
   
  
  
  179.         }
    180. 
   
  
  
  180. 
   
  
  
  181.         // 出生日期验证
    182. 
   
  
  
  182.         var sBirthday=(sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2))).replace(/-/g,"/"),
    183. 
   
  
  
  183.             d = new Date(sBirthday)
    184. 
   
  
  
  184.         if(sBirthday != (d.getFullYear()+"/"+ (d.getMonth()+1) + "/" + d.getDate())) {
    185. 
   
  
  
  185.             alert('身份证上的出生日期非法')
    186. 
   
  
  
  186.             return false
    187. 
   
  
  
  187.         }
    188. 
   
  
  
  188. 
   
  
  
  189.         // 身份证号码校验
    190. 
   
  
  
  190.         var sum = 0,
    191. 
   
  
  
  191.             weights =  [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
    192. 
   
  
  
  192.             codes = "10X98765432"
    193. 
   
  
  
  193.         for (var i = 0; i < sId.length - 1; i++) {
    194. 
   
  
  
  194.             sum += sId[i] * weights[i];
    195. 
   
  
  
  195.         }
    196. 
   
  
  
  196.         var last = codes[sum % 11]; //计算出来的最后一位身份证号码
    197. 
   
  
  
  197.         if (sId[sId.length-1] != last) { 
    198. 
   
  
  
  198.             alert('你输入的身份证号非法')
    199. 
   
  
  
  199.             return false
    200. 
   
  
  
  200.         }
    201. 
   
  
  
  201. 
   
  
  
  202.         return true
    203. 
   
  
  
  203.     }
    204. 
   
  
  
  204. }
    205.

2. Date

  
 
 
    
   
  
  
  1. /**
    2. 
   
  
  
  2.  * 格式化时间
    3. 
   
  
  
  3.  * 
    4. 
   
  
  
  4.  * @param  {time} 时间
    5. 
   
  
  
  5.  * @param  {cFormat} 格式
    6. 
   
  
  
  6.  * @return {String} 字符串
    7. 
   
  
  
  7.  *
    8. 
   
  
  
  8.  * @example formatTime('2018-1-29', '{y}/{m}/{d} {h}:{i}:{s}') // -> 2018/01/29 00:00:00
    9. 
   
  
  
  9.  */
    10. 
   
  
  
  10. formatTime(time, cFormat) {
    11. 
   
  
  
  11.     if (arguments.length === 0) return null
    12. 
   
  
  
  12.     if ((time + '').length === 10) {
    13. 
   
  
  
  13.         time = +time * 1000
    14. 
   
  
  
  14.     }
    15. 
   
  
  
  15. 
   
  
  
  16.     var format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}', date
    17. 
   
  
  
  17.     if (typeof time === 'object') {
    18. 
   
  
  
  18.         date = time
    19. 
   
  
  
  19.     } else {
    20. 
   
  
  
  20.         date = new Date(time)
    21. 
   
  
  
  21.     }
    22. 
   
  
  
  22. 
   
  
  
  23.     var formatObj = {
    24. 
   
  
  
  24.         y: date.getFullYear(),
    25. 
   
  
  
  25.         m: date.getMonth() + 1,
    26. 
   
  
  
  26.         d: date.getDate(),
    27. 
   
  
  
  27.         h: date.getHours(),
    28. 
   
  
  
  28.         i: date.getMinutes(),
    29. 
   
  
  
  29.         s: date.getSeconds(),
    30. 
   
  
  
  30.         a: date.getDay()
    31. 
   
  
  
  31.     }
    32. 
   
  
  
  32.     var time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    33. 
   
  
  
  33.         var value = formatObj[key]
    34. 
   
  
  
  34.         if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
    35. 
   
  
  
  35.         if (result.length > 0 && value < 10) {
    36. 
   
  
  
  36.             value = '0' + value
    37. 
   
  
  
  37.         }
    38. 
   
  
  
  38.         return value || 0
    39. 
   
  
  
  39.     })
    40. 
   
  
  
  40.     return time_str
    41. 
   
  
  
  41. }
    42. 
   
  
  
  42. 
   
  
  
  43. /**
    44. 
   
  
  
  44.  * 返回指定长度的月份集合
    45. 
   
  
  
  45.  * 
    46. 
   
  
  
  46.  * @param  {time} 时间
    47. 
   
  
  
  47.  * @param  {len} 长度
    48. 
   
  
  
  48.  * @param  {direction} 方向：  1: 前几个月;  2: 后几个月;  3:前后几个月  默认 3
    49. 
   
  
  
  49.  * @return {Array} 数组
    50. 
   
  
  
  50.  * 
    51. 
   
  
  
  51.  * @example   getMonths('2018-1-29', 6, 1)  // ->  ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
    52. 
   
  
  
  52.  */
    53. 
   
  
  
  53. getMonths(time, len, direction) {
    54. 
   
  
  
  54.     var mm = new Date(time).getMonth(),
    55. 
   
  
  
  55.         yy = new Date(time).getFullYear(),
    56. 
   
  
  
  56.         direction = isNaN(direction) ? 3 : direction,
    57. 
   
  
  
  57.         index = mm;
    58. 
   
  
  
  58.     var cutMonth = function(index) {
    59. 
   
  
  
  59.         if ( index <= len && index >= -len) {
    60. 
   
  
  
  60.             return direction === 1 ? formatPre(index).concat(cutMonth(++index)):
    61. 
   
  
  
  61.                 direction === 2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
    62. 
   
  
  
  62.         }
    63. 
   
  
  
  63.         return []
    64. 
   
  
  
  64.     }
    65. 
   
  
  
  65.     var formatNext = function(i) {
    66. 
   
  
  
  66.         var y = Math.floor(i/12),
    67. 
   
  
  
  67.             m = i%12
    68. 
   
  
  
  68.         return [yy+y + '-' + (m+1)]
    69. 
   
  
  
  69.     }
    70. 
   
  
  
  70.     var formatPre = function(i) {
    71. 
   
  
  
  71.         var y = Math.ceil(i/12),
    72. 
   
  
  
  72.             m = i%12
    73. 
   
  
  
  73.         m = m===0 ? 12 : m
    74. 
   
  
  
  74.         return [yy-y + '-' + (13 - m)]
    75. 
   
  
  
  75.     }
    76. 
   
  
  
  76.     var formatCurr = function(i) {
    77. 
   
  
  
  77.         var y = Math.floor(i/12),
    78. 
   
  
  
  78.             yNext = Math.ceil(i/12),
    79. 
   
  
  
  79.             m = i%12,
    80. 
   
  
  
  80.             mNext = m===0 ? 12 : m
    81. 
   
  
  
  81.         return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
    82. 
   
  
  
  82.     }
    83. 
   
  
  
  83.     // 数组去重
    84. 
   
  
  
  84.     var unique = function(arr) {
    85. 
   
  
  
  85.         if ( Array.hasOwnProperty('from') ) {
    86. 
   
  
  
  86.             return Array.from(new Set(arr));
    87. 
   
  
  
  87.         }else{
    88. 
   
  
  
  88.             var n = {},r=[]; 
    89. 
   
  
  
  89.             for(var i = 0; i < arr.length; i++){
    90. 
   
  
  
  90.                 if (!n[arr[i]]){
    91. 
   
  
  
  91.                     n[arr[i]] = true; 
    92. 
   
  
  
  92.                     r.push(arr[i]);
    93. 
   
  
  
  93.                 }
    94. 
   
  
  
  94.             }
    95. 
   
  
  
  95.             return r;
    96. 
   
  
  
  96.         }
    97. 
   
  
  
  97.     }
    98. 
   
  
  
  98.     return direction !== 3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
    99. 
   
  
  
  99.         return new Date(t1).getTime() - new Date(t2).getTime()
    100. 
   
  
  
  100.     }))
    101. 
   
  
  
  101. }
    102. 
   
  
  
  102. 
   
  
  
  103. /**
    104. 
   
  
  
  104.  * 返回指定长度的天数集合
    105. 
   
  
  
  105.  * 
    106. 
   
  
  
  106.  * @param  {time} 时间
    107. 
   
  
  
  107.  * @param  {len} 长度
    108. 
   
  
  
  108.  * @param  {direction} 方向： 1: 前几天;  2: 后几天;  3:前后几天  默认 3
    109. 
   
  
  
  109.  * @return {Array} 数组
    110. 
   
  
  
  110.  *
    111. 
   
  
  
  111.  * @example date.getDays('2018-1-29', 6) // -> ["2018-1-26", "2018-1-27", "2018-1-28", "2018-1-29", "2018-1-30", "2018-1-31", "2018-2-1"]
    112. 
   
  
  
  112.  */
    113. 
   
  
  
  113. getDays(time, len, diretion) {
    114. 
   
  
  
  114.     var tt = new Date(time)
    115. 
   
  
  
  115.     var getDay = function(day) {
    116. 
   
  
  
  116.         var t = new Date(time)
    117. 
   
  
  
  117.         t.setDate(t.getDate() + day)
    118. 
   
  
  
  118.         var m = t.getMonth()+1
    119. 
   
  
  
  119.         return t.getFullYear()+'-'+m+'-'+t.getDate()
    120. 
   
  
  
  120.     }
    121. 
   
  
  
  121.     var arr = []
    122. 
   
  
  
  122.     if (diretion === 1) {
    123. 
   
  
  
  123.         for (var i = 1; i <= len; i++) {
    124. 
   
  
  
  124.             arr.unshift(getDay(-i))
    125. 
   
  
  
  125.         }
    126. 
   
  
  
  126.     }else if(diretion === 2) {
    127. 
   
  
  
  127.         for (var i = 1; i <= len; i++) {
    128. 
   
  
  
  128.             arr.push(getDay(i))
    129. 
   
  
  
  129.         }
    130. 
   
  
  
  130.     }else {
    131. 
   
  
  
  131.         for (var i = 1; i <= len; i++) {
    132. 
   
  
  
  132.             arr.unshift(getDay(-i))
    133. 
   
  
  
  133.         }
    134. 
   
  
  
  134.         arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
    135. 
   
  
  
  135.         for (var i = 1; i <= len; i++) {
    136. 
   
  
  
  136.             arr.push(getDay(i))
    137. 
   
  
  
  137.         }
    138. 
   
  
  
  138.     }
    139. 
   
  
  
  139.     return diretion === 1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) : 
    140. 
   
  
  
  140.         diretion === 2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
    141. 
   
  
  
  141. }
    142. 
   
  
  
  142. 
   
  
  
  143. /**
    144. 
   
  
  
  144.  * @param  {s} 秒数
    145. 
   
  
  
  145.  * @return {String} 字符串 
    146. 
   
  
  
  146.  *
    147. 
   
  
  
  147.  * @example formatHMS(3610) // -> 1h0m10s
    148. 
   
  
  
  148.  */
    149. 
   
  
  
  149. formatHMS (s) {
    150. 
   
  
  
  150.     var str = ''
    151. 
   
  
  
  151.     if (s > 3600) {
    152. 
   
  
  
  152.         str = Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
    153. 
   
  
  
  153.     }else if(s > 60) {
    154. 
   
  
  
  154.         str = Math.floor(s/60)+'m'+s%60+'s'
    155. 
   
  
  
  155.     }else{
    156. 
   
  
  
  156.         str = s%60+'s'
    157. 
   
  
  
  157.     }
    158. 
   
  
  
  158.     return str
    159. 
   
  
  
  159. }
    160. 
   
  
  
  160. 
   
  
  
  161. /*获取某月有多少天*/
    162. 
   
  
  
  162. getMonthOfDay (time) {
    163. 
   
  
  
  163.     var date = new Date(time)
    164. 
   
  
  
  164.     var year = date.getFullYear()
    165. 
   
  
  
  165.     var mouth = date.getMonth() + 1
    166. 
   
  
  
  166.     var days
    167. 
   
  
  
  167. 
   
  
  
  168.     //当月份为二月时，根据闰年还是非闰年判断天数
    169. 
   
  
  
  169.     if (mouth == 2) {
    170. 
   
  
  
  170.         days = (year%4==0 && year%100==0 && year%400==0) || (year%4==0 && year%100!=0) ? 28 : 29
    171. 
   
  
  
  171.     } else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
    172. 
   
  
  
  172.         //月份为：1,3,5,7,8,10,12 时，为大月.则天数为31；
    173. 
   
  
  
  173.         days = 31
    174. 
   
  
  
  174.     } else {
    175. 
   
  
  
  175.         //其他月份，天数为：30.
    176. 
   
  
  
  176.         days = 30
    177. 
   
  
  
  177.     }
    178. 
   
  
  
  178.     return days
    179. 
   
  
  
  179. }
    180. 
   
  
  
  180. 
   
  
  
  181. /*获取某年有多少天*/
    182. 
   
  
  
  182. getYearOfDay (time) {
    183. 
   
  
  
  183.     var firstDayYear = this.getFirstDayOfYear(time);
    184. 
   
  
  
  184.     var lastDayYear = this.getLastDayOfYear(time);
    185. 
   
  
  
  185.     var numSecond = (new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
    186. 
   
  
  
  186.     return Math.ceil(numSecond/(24*3600));
    187. 
   
  
  
  187. }
    188. 
   
  
  
  188. 
   
  
  
  189. /*获取某年的第一天*/
    190. 
   
  
  
  190. getFirstDayOfYear (time) {
    191. 
   
  
  
  191.     var year = new Date(time).getFullYear();
    192. 
   
  
  
  192.     return year + "-01-01 00:00:00";
    193. 
   
  
  
  193. }
    194. 
   
  
  
  194. 
   
  
  
  195. /*获取某年最后一天*/
    196. 
   
  
  
  196. getLastDayOfYear (time) {
    197. 
   
  
  
  197.     var year = new Date(time).getFullYear();
    198. 
   
  
  
  198.     var dateString = year + "-12-01 00:00:00";
    199. 
   
  
  
  199.     var endDay = this.getMonthOfDay(dateString);
    200. 
   
  
  
  200.     return year + "-12-" + endDay + " 23:59:59";
    201. 
   
  
  
  201. }
    202. 
   
  
  
  202. 
   
  
  
  203. /*获取某个日期是当年中的第几天*/
    204. 
   
  
  
  204. getDayOfYear (time) {
    205. 
   
  
  
  205.     var firstDayYear = this.getFirstDayOfYear(time);
    206. 
   
  
  
  206.     var numSecond = (new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
    207. 
   
  
  
  207.     return Math.ceil(numSecond/(24*3600));
    208. 
   
  
  
  208. }
    209. 
   
  
  
  209. 
   
  
  
  210. /*获取某个日期在这一年的第几周*/
    211. 
   
  
  
  211. getDayOfYearWeek (time) {
    212. 
   
  
  
  212.     var numdays = this.getDayOfYear(time);
    213. 
   
  
  
  213.     return Math.ceil(numdays / 7);
    214. 
   
  
  
  214. }
    215.

3. Array

  
 
 
    
   
  
  
  1. /*判断一个元素是否在数组中*/
    2. 
   
  
  
  2. contains (arr, val) {
    3. 
   
  
  
  3.     return arr.indexOf(val) != -1 ? true : false;
    4. 
   
  
  
  4. }
    5. 
   
  
  
  5. 
   
  
  
  6. /**
    7. 
   
  
  
  7.  * @param  {arr} 数组
    8. 
   
  
  
  8.  * @param  {fn} 回调函数
    9. 
   
  
  
  9.  * @return {undefined}
    10. 
   
  
  
  10.  */
    11. 
   
  
  
  11. each (arr, fn) {
    12. 
   
  
  
  12.     fn = fn || Function;
    13. 
   
  
  
  13.     var a = [];
    14. 
   
  
  
  14.     var args = Array.prototype.slice.call(arguments, 1);
    15. 
   
  
  
  15.     for(var i = 0; i < arr.length; i++) {
    16. 
   
  
  
  16.         var res = fn.apply(arr, [arr[i], i].concat(args));
    17. 
   
  
  
  17.         if(res != null) a.push(res);
    18. 
   
  
  
  18.     }
    19. 
   
  
  
  19. }
    20. 
   
  
  
  20. 
   
  
  
  21. /**
    22. 
   
  
  
  22.  * @param  {arr} 数组
    23. 
   
  
  
  23.  * @param  {fn} 回调函数
    24. 
   
  
  
  24.  * @param  {thisObj} this指向
    25. 
   
  
  
  25.  * @return {Array} 
    26. 
   
  
  
  26.  */
    27. 
   
  
  
  27. map (arr, fn, thisObj) {
    28. 
   
  
  
  28.     var scope = thisObj || window;
    29. 
   
  
  
  29.     var a = [];
    30. 
   
  
  
  30.     for(var i = 0, j = arr.length; i < j; ++i) {
    31. 
   
  
  
  31.         var res = fn.call(scope, arr[i], i, this);
    32. 
   
  
  
  32.         if(res != null) a.push(res);
    33. 
   
  
  
  33.     }
    34. 
   
  
  
  34.     return a;
    35. 
   
  
  
  35. }
    36. 
   
  
  
  36. 
   
  
  
  37. /**
    38. 
   
  
  
  38.  * @param  {arr} 数组
    39. 
   
  
  
  39.  * @param  {type} 1：从小到大   2：从大到小   3：随机
    40. 
   
  
  
  40.  * @return {Array}
    41. 
   
  
  
  41.  */
    42. 
   
  
  
  42. sort (arr, type = 1) {
    43. 
   
  
  
  43.     return arr.sort( (a, b) => {
    44. 
   
  
  
  44.         switch(type) {
    45. 
   
  
  
  45.             case 1:
    46. 
   
  
  
  46.                 return a - b;
    47. 
   
  
  
  47.             case 2:
    48. 
   
  
  
  48.                 return b - a;
    49. 
   
  
  
  49.             case 3:
    50. 
   
  
  
  50.                 return Math.random() - 0.5;
    51. 
   
  
  
  51.             default:
    52. 
   
  
  
  52.                 return arr;
    53. 
   
  
  
  53.         }
    54. 
   
  
  
  54.     })
    55. 
   
  
  
  55. }
    56. 
   
  
  
  56. 
   
  
  
  57. /*去重*/
    58. 
   
  
  
  58. unique (arr) {
    59. 
   
  
  
  59.     if ( Array.hasOwnProperty('from') ) {
    60. 
   
  
  
  60.         return Array.from(new Set(arr));
    61. 
   
  
  
  61.     }else{&nb            
    
                网页标题：JavaScript和CSS常用工具方法封装
                
    
                浏览地址：http://www.shufengxianlan.com/qtweb/news26/288976.html
            
    
            
    
                网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
                                
    
            
    
                广告
                
            
    
            
    
                声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：
                创新互联

猜你还喜欢下面的内容

App开发知识

同城分类信息

成都网站建设　　 　香港四川國際商會　　 　机柜租用　　 　手机软件开发　　 　微信服务号订阅号开发　　 　成都光华机房　　 　重庆企业网站建设　　 　成都移动服务器托管　　 　四川黔盛装饰　　 　简阳做网站　　 　服务器托管　　 　正泰动物　　 　混凝土搅拌车　　 　标志设计　　 　成都微信开发　　 　香港虚拟主机　　 　成都小程序开发　　 　眉山网站建设　　 　成都网站推广　　 　成都定制网站开发