整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          用c++編寫閏年的判斷基礎(chǔ)程序

          用c++編寫閏年的判斷基礎(chǔ)程序

          實(shí)c++語(yǔ)言與c語(yǔ)言有太多共同的東西,學(xué)習(xí)過(guò)c語(yǔ)言再學(xué)習(xí)c++語(yǔ)言就顯得輕而易舉。當(dāng)然學(xué)過(guò)了c++再去學(xué)習(xí)c語(yǔ)言也是有一些幫助的(但是個(gè)人不提倡先學(xué)習(xí)c++在學(xué)c語(yǔ)言)。由于現(xiàn)在經(jīng)常看見(jiàn)有關(guān)閏年的程序,風(fēng)式各樣,眼花繚亂,些許凌亂,觀來(lái)頓感疲憊。在此希望通過(guò)最常用的3種語(yǔ)言(c,c++,java)詳細(xì)的解釋閏年的計(jì)算,希望不會(huì)誤人子弟!

          通過(guò)c+語(yǔ)言編寫一些基礎(chǔ)的程序還是很方便的。下面用一個(gè)示例證明:

          題目: 用c++編寫一個(gè)判斷閏年的程序。

          題目分析:

          1 題目要求,c++編程語(yǔ)言,判斷類型程序,判斷是否為閏年。

          2 程序建模, 舉個(gè)例子:200年:200/4=50 不是閏年,但是400(400/4=100)是閏年。這怎么辦?怎么讓200不是閏年而400是閏年呢?于是我們想到一個(gè)表達(dá)式:設(shè)n為年份,(n/4=整數(shù)并且(&&)n/100不等于整數(shù))或者(||)n/400是整數(shù)。這樣讓200不是閏年,而400確實(shí)整數(shù)。比如n=1996;n/4=499(整數(shù))并且1996/100=19.96(不是整數(shù))這樣1996就是閏年。加入n=2000呢?2000/4=500,2000/100=20。于是2000不是閏年,但是2000/400=5;于是假和真的或者(||)是真,于是2000是閏年。(如果還是沒(méi)看明白請(qǐng)百度鏈接為:http://baike.so.com/doc/5366944-5602688.html)

          3 程序設(shè)計(jì),由于程序簡(jiǎn)單所以可以不用其他函數(shù)一個(gè)主函數(shù)就夠(main),應(yīng)當(dāng)有輸入(cin)輸出(cout),判斷語(yǔ)句(程序的核心)。

          通過(guò)以上步驟得到c++程序如下:

          運(yùn)行環(huán)境:VC6.0

          輸入示例如下:

          最后,如果你想學(xué)C/C++可以私信小編“01”獲取素材資料以及開(kāi)發(fā)工具和聽(tīng)課權(quán)限哦!


          處理網(wǎng)頁(yè)數(shù)據(jù)時(shí),我們經(jīng)常需要從HTML中提取日期信息。日期格式多樣,從HTML文檔中準(zhǔn)確地提取并驗(yàn)證這些信息是一項(xiàng)挑戰(zhàn)。本文將詳細(xì)介紹如何使用正則表達(dá)式從HTML中提取日期,并用Python代碼進(jìn)行有效性驗(yàn)證。

          一、正則表達(dá)式基礎(chǔ)

          概念:

          正則表達(dá)式是用于文本搜索和替換的強(qiáng)大工具,它能夠描述復(fù)雜的模式。

          基本語(yǔ)法元素:

          字符集:[0-9]匹配任意數(shù)字,[a-zA-Z]匹配任意字母。

          量詞:*(零次或多次)、+(一次或多次)等。

          特殊字符:.匹配任意單個(gè)字符,\d匹配任意數(shù)字。

          分組:(19|20)\d\d匹配以19或20開(kāi)頭的年份。

          二、從HTML中提取日期

          HTML結(jié)構(gòu)分析:

          檢查網(wǎng)頁(yè)源代碼,找到包含日期的標(biāo)簽或?qū)傩浴?/p>

          日期可能以不同格式存在,比如文本形式或?qū)傩灾怠?/p>

          構(gòu)建正則表達(dá)式:

          針對(duì)YYYY-MM-DD、DD-MM-YYYY、MM/DD/YYYY等格式編寫正則表達(dá)式。

          考慮HTML文檔結(jié)構(gòu)的差異,調(diào)整正則表達(dá)式以提高匹配的準(zhǔn)確性。

          三、驗(yàn)證日期的有效性

          日期格式驗(yàn)證:

          確保提取的字符串符合日期格式,但還需要進(jìn)一步驗(yàn)證日期的實(shí)際有效性。

          正則表達(dá)式初步驗(yàn)證:

          使用正則表達(dá)式確保日期組件在合理范圍內(nèi),如月份應(yīng)在01至12之間。

          編程驗(yàn)證日期有效性:

          使用Python的datetime模塊進(jìn)行進(jìn)一步驗(yàn)證。

          考慮特殊情況,如閏年和每月的實(shí)際天數(shù)。

          四、實(shí)際案例分析

          案例演示:

          選取具有代表性的網(wǎng)頁(yè)HTML樣本,標(biāo)識(shí)其中的日期信息。

          編寫適用的正則表達(dá)式來(lái)匹配這些日期。

          代碼實(shí)現(xiàn):

          使用Python演示如何應(yīng)用正則表達(dá)式提取日期。

          展示如何使用datetime模塊驗(yàn)證日期有效性。

          五、總結(jié)與展望

          總結(jié):

          正則表達(dá)式是提取HTML中日期信息的有效工具,但還需通過(guò)編程驗(yàn)證其有效性。

          未來(lái)應(yīng)用:

          探討正則表達(dá)式在數(shù)據(jù)分析、日志處理等領(lǐng)域的應(yīng)用。

          小結(jié)

          本文提供了一個(gè)全面的指南,說(shuō)明了如何使用正則表達(dá)式從HTML文檔中提取日期,并通過(guò)Python代碼進(jìn)行驗(yàn)證。這些技能對(duì)于數(shù)據(jù)抓取和文本處理領(lǐng)域非常重要。

          Python 代碼示例

          1. 正則表達(dá)式提取日期

          python

          import re

          from datetime import datetime

          # 示例HTML內(nèi)容

          html_content="""

          <p>發(fā)表日期:2020-12-15</p>

          <p>更新日期:2021/01/20</p>

          <p>活動(dòng)日期:31-01-2022</p>

          """

          # 正則表達(dá)式匹配不同的日期格式

          date_patterns=[

          r'\d{4}-\d{2}-\d{2}', # YYYY-MM-DD

          r'\d{2}/\d{2}/\d{4}', # DD/MM/YYYY

          r'\d{2}-\d{2}-\d{4}' # DD-MM-YYYY

          ]

          # 提取日期

          extracted_dates=[]

          for pattern in date_patterns:

          matches=re.findall(pattern, html_content)

          extracted_dates.extend(matches)

          print("Extracted Dates:", extracted_dates)

          2. 驗(yàn)證日期有效性

          python

          # 驗(yàn)證日期有效性

          def validate_date(date_str):

          for fmt in ("%Y-%m-%d", "%d/%m/%Y", "%d-%m-%Y"):

          try:

          datetime.strptime(date_str, fmt)

          return True

          except ValueError:

          continue

          return False

          # 驗(yàn)證提取的日期

          valid_dates=[date for date in extracted_dates if validate_date(date)]

          print("Valid Dates:", valid_dates)

          在這個(gè)例子中,我們首先使用正則表達(dá)式從HTML內(nèi)容中提取日期,然后使用Python的datetime模塊驗(yàn)證這些日期的有效性。這種方法適用于不同格式的日期,并能有效地識(shí)別和排除無(wú)效日期。

          為工作中經(jīng)常用到這些方法,所有便把這些方法進(jìn)行了總結(jié)。

          JavaScript

          1. type 類型判斷

          isString (o) { //是否字符串
              return Object.prototype.toString.call(o).slice(8, -1)==='String'
          }
          
          isNumber (o) { //是否數(shù)字
              return Object.prototype.toString.call(o).slice(8, -1)==='Number'
          }
          
          isBoolean (o) { //是否boolean
              return Object.prototype.toString.call(o).slice(8, -1)==='Boolean'
          }
          
          isFunction (o) { //是否函數(shù)
              return Object.prototype.toString.call(o).slice(8, -1)==='Function'
          }
          
          isNull (o) { //是否為null
              return Object.prototype.toString.call(o).slice(8, -1)==='Null'
          }
          
          isUndefined (o) { //是否undefined
              return Object.prototype.toString.call(o).slice(8, -1)==='Undefined'
          }
          
          isObj (o) { //是否對(duì)象
              return Object.prototype.toString.call(o).slice(8, -1)==='Object'
          }
          
          isArray (o) { //是否數(shù)組
              return Object.prototype.toString.call(o).slice(8, -1)==='Array'
          }
          
          isDate (o) { //是否時(shí)間
              return Object.prototype.toString.call(o).slice(8, -1)==='Date'
          }
          
          isRegExp (o) { //是否正則
              return Object.prototype.toString.call(o).slice(8, -1)==='RegExp'
          }
          
          isError (o) { //是否錯(cuò)誤對(duì)象
              return Object.prototype.toString.call(o).slice(8, -1)==='Error'
          }
          
          isSymbol (o) { //是否Symbol函數(shù)
              return Object.prototype.toString.call(o).slice(8, -1)==='Symbol'
          }
          
          isPromise (o) { //是否Promise對(duì)象
              return Object.prototype.toString.call(o).slice(8, -1)==='Promise'
          }
          
          isSet (o) { //是否Set對(duì)象
              return Object.prototype.toString.call(o).slice(8, -1)==='Set'
          }
          
          isFalse (o) {
              if (!o || o==='null' || o==='undefined' || o==='false' || o==='NaN') return true
                  return false
          }
          
          isTrue (o) {
              return !this.isFalse(o)
          }
          
          isIos () {
              var u=navigator.userAgent;
              if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手機(jī)
                  // return "Android";
                  return false
              } else if (u.indexOf('iPhone') > -1) {//蘋果手機(jī)
                  // return "iPhone";
                  return true
              } else if (u.indexOf('iPad') > -1) {//iPad
                  // return "iPad";
                  return false
              } else if (u.indexOf('Windows Phone') > -1) {//winphone手機(jī)
                  // return "Windows Phone";
                  return false
              }else{
                  return false
              }
          }
          
          isPC () { //是否為PC端
              var userAgentInfo=navigator.userAgent;
              var Agents=["Android", "iPhone",
                          "SymbianOS", "Windows Phone",
                          "iPad", "iPod"];
              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("Opera") > -1; //判斷是否Opera瀏覽器
              var isIE=userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判斷是否IE瀏覽器
              var isIE11=userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
              var isEdge=userAgent.indexOf("Edge") > -1 && !isIE; //判斷是否IE的Edge瀏覽器  
              var isFF=userAgent.indexOf("Firefox") > -1; //判斷是否Firefox瀏覽器
              var isSafari=userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome")==-1; //判斷是否Safari瀏覽器
              var isChrome=userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判斷Chrome瀏覽器
          
              if (isIE) {
                  var reIE=new RegExp("MSIE (\\d+\\.\\d+);");
                  reIE.test(userAgent);
                  var fIEVersion=parseFloat(RegExp["$1"]);
                  if(fIEVersion==7) return "IE7"
                  else if(fIEVersion==8) return "IE8";
                  else if(fIEVersion==9) return "IE9";
                  else if(fIEVersion==10) return "IE10";
                  else return "IE7以下"//IE版本過(guò)低
              }
              if (isIE11) return 'IE11';
              if (isEdge) return "Edge";
              if (isFF) return "FF";
              if (isOpera) return "Opera";
              if (isSafari) return "Safari";
              if (isChrome) return "Chrome";
          }
          
          checkStr (str, type) {
              switch (type) {
                  case 'phone':   //手機(jī)號(hào)碼
                      return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
                  case 'tel':     //座機(jī)
                      return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
                  case 'card':    //身份證
                      return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
                  case 'pwd':     //密碼以字母開(kāi)頭,長(zhǎng)度在6~18之間,只能包含字母、數(shù)字和下劃線
                      return /^[a-zA-Z]\w{5,17}$/.test(str)
                  case 'postal':  //郵政編碼
                      return /[1-9]\d{5}(?!\d)/.test(str);
                  case 'QQ':      //QQ號(hào)
                      return /^[1-9][0-9]{4,9}$/.test(str);
                  case 'email':   //郵箱
                      return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
                  case 'money':   //金額(小數(shù)點(diǎn)2位)
                      return /^\d*(?:\.\d{0,2})?$/.test(str);
                  case 'URL':     //網(wǎng)址
                      return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str)
                  case 'IP':      //IP
                      return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
                  case 'date':    //日期時(shí)間
                      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 'number':  //數(shù)字
                      return /^[0-9]$/.test(str);
                  case 'english': //英文
                      return /^[a-zA-Z]+$/.test(str);
                  case 'chinese': //中文
                      return /^[\u4E00-\u9FA5]+$/.test(str);
                  case 'lower':   //小寫
                      return /^[a-z]+$/.test(str);
                  case 'upper':   //大寫
                      return /^[A-Z]+$/.test(str);
                  case 'HTML':    //HTML標(biāo)記
                      return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
                  default:
                      return true;
              }
          
              // 嚴(yán)格的身份證校驗(yàn)
              isCardID(sId) {
                  if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(sId)) {
                      alert('你輸入的身份證長(zhǎng)度或格式錯(cuò)誤')
                      return false
                  }
                  //身份證城市
                  var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內(nèi)蒙古",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:"臺(tái)灣",81:"香港",82:"澳門",91:"國(guó)外"};
                  if(!aCity[parseInt(sId.substr(0,2))]) { 
                      alert('你的身份證地區(qū)非法')
                      return false
                  }
          
                  // 出生日期驗(yàn)證
                  var sBirthday=(sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2))).replace(/-/g,"/"),
                      d=new Date(sBirthday)
                  if(sBirthday !=(d.getFullYear()+"/"+ (d.getMonth()+1) + "/" + d.getDate())) {
                      alert('身份證上的出生日期非法')
                      return false
                  }
          
                  // 身份證號(hào)碼校驗(yàn)
                  var sum=0,
                      weights=[7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2],
                      codes="10X98765432"
                  for (var i=0; i < sId.length - 1; i++) {
                      sum +=sId[i] * weights[i];
                  }
                  var last=codes[sum % 11]; //計(jì)算出來(lái)的最后一位身份證號(hào)碼
                  if (sId[sId.length-1] !=last) { 
                      alert('你輸入的身份證號(hào)非法')
                      return false
                  }
          
                  return true
              }
          }

          2. Date

          /**
           * 格式化時(shí)間
           * 
           * @param  {time} 時(shí)間
           * @param  {cFormat} 格式
           * @return {String} 字符串
           *
           * @example formatTime('2018-1-29', '{y}/{m}/zbjjb7b {h}:{i}:{s}') // -> 2018/01/29 00:00:00
           */
          formatTime(time, cFormat) {
              if (arguments.length===0) return null
              if ((time + '').length===10) {
                  time=+time * 1000
              }
          
              var format=cFormat || '{y}-{m}-xxpph7r {h}:{i}:{s}', date
              if (typeof time==='object') {
                  date=time
              } else {
                  date=new Date(time)
              }
          
              var formatObj={
                  y: date.getFullYear(),
                  m: date.getMonth() + 1,
                  d: date.getDate(),
                  h: date.getHours(),
                  i: date.getMinutes(),
                  s: date.getSeconds(),
                  a: date.getDay()
              }
              var time_str=format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key)=> {
                  var value=formatObj[key]
                  if (key==='a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
                  if (result.length > 0 && value < 10) {
                      value='0' + value
                  }
                  return value || 0
              })
              return time_str
          }
          
          /**
           * 返回指定長(zhǎng)度的月份集合
           * 
           * @param  {time} 時(shí)間
           * @param  {len} 長(zhǎng)度
           * @param  {direction} 方向:  1: 前幾個(gè)月;  2: 后幾個(gè)月;  3:前后幾個(gè)月  默認(rèn) 3
           * @return {Array} 數(shù)組
           * 
           * @example   getMonths('2018-1-29', 6, 1)  // ->  ["2018-1", "2017-12", "2017-11", "2017-10", "2017-9", "2017-8", "2017-7"]
           */
          getMonths(time, len, direction) {
              var mm=new Date(time).getMonth(),
                  yy=new Date(time).getFullYear(),
                  direction=isNaN(direction) ? 3 : direction,
                  index=mm;
              var cutMonth=function(index) {
                  if ( index <=len && index >=-len) {
                      return direction===1 ? formatPre(index).concat(cutMonth(++index)):
                          direction===2 ? formatNext(index).concat(cutMonth(++index)):formatCurr(index).concat(cutMonth(++index))
                  }
                  return []
              }
              var formatNext=function(i) {
                  var y=Math.floor(i/12),
                      m=i%12
                  return [yy+y + '-' + (m+1)]
              }
              var formatPre=function(i) {
                  var y=Math.ceil(i/12),
                      m=i%12
                  m=m===0 ? 12 : m
                  return [yy-y + '-' + (13 - m)]
              }
              var formatCurr=function(i) {
                  var y=Math.floor(i/12),
                      yNext=Math.ceil(i/12),
                      m=i%12,
                      mNext=m===0 ? 12 : m
                  return [yy-yNext + '-' + (13 - mNext),yy+y + '-' + (m+1)]
              }
              // 數(shù)組去重
              var unique=function(arr) {
                  if ( Array.hasOwnProperty('from') ) {
                      return Array.from(new Set(arr));
                  }else{
                      var n={},r=[]; 
                      for(var i=0; i < arr.length; i++){
                          if (!n[arr[i]]){
                              n[arr[i]]=true; 
                              r.push(arr[i]);
                          }
                      }
                      return r;
                  }
              }
              return direction !==3 ? cutMonth(index) : unique(cutMonth(index).sort(function(t1, t2){
                  return new Date(t1).getTime() - new Date(t2).getTime()
              }))
          }
          
          /**
           * 返回指定長(zhǎng)度的天數(shù)集合
           * 
           * @param  {time} 時(shí)間
           * @param  {len} 長(zhǎng)度
           * @param  {direction} 方向: 1: 前幾天;  2: 后幾天;  3:前后幾天  默認(rèn) 3
           * @return {Array} 數(shù)組
           *
           * @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"]
           */
          getDays(time, len, diretion) {
              var tt=new Date(time)
              var getDay=function(day) {
                  var t=new Date(time)
                  t.setDate(t.getDate() + day)
                  var m=t.getMonth()+1
                  return t.getFullYear()+'-'+m+'-'+t.getDate()
              }
              var arr=[]
              if (diretion===1) {
                  for (var i=1; i <=len; i++) {
                      arr.unshift(getDay(-i))
                  }
              }else if(diretion===2) {
                  for (var i=1; i <=len; i++) {
                      arr.push(getDay(i))
                  }
              }else {
                  for (var i=1; i <=len; i++) {
                      arr.unshift(getDay(-i))
                  }
                  arr.push(tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate())
                  for (var i=1; i <=len; i++) {
                      arr.push(getDay(i))
                  }
              }
              return diretion===1 ? arr.concat([tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()]) : 
                  diretion===2 ? [tt.getFullYear()+'-'+(tt.getMonth()+1)+'-'+tt.getDate()].concat(arr) : arr
          }
          
          /**
           * @param  {s} 秒數(shù)
           * @return {String} 字符串 
           *
           * @example formatHMS(3610) // -> 1h0m10s
           */
          formatHMS (s) {
              var str=''
              if (s > 3600) {
                  str=Math.floor(s/3600)+'h'+Math.floor(s%3600/60)+'m'+s%60+'s'
              }else if(s > 60) {
                  str=Math.floor(s/60)+'m'+s%60+'s'
              }else{
                  str=s%60+'s'
              }
              return str
          }
          
          /*獲取某月有多少天*/
          getMonthOfDay (time) {
              var date=new Date(time)
              var year=date.getFullYear()
              var mouth=date.getMonth() + 1
              var days
          
              //當(dāng)月份為二月時(shí),根據(jù)閏年還是非閏年判斷天數(shù)
              if (mouth==2) {
                  days=(year%4==0 && year%100==0 && year%400==0) || (year%4==0 && year%100!=0) ? 28 : 29
              } else if (mouth==1 || mouth==3 || mouth==5 || mouth==7 || mouth==8 || mouth==10 || mouth==12) {
                  //月份為:1,3,5,7,8,10,12 時(shí),為大月.則天數(shù)為31;
                  days=31
              } else {
                  //其他月份,天數(shù)為:30.
                  days=30
              }
              return days
          }
          
          /*獲取某年有多少天*/
          getYearOfDay (time) {
              var firstDayYear=this.getFirstDayOfYear(time);
              var lastDayYear=this.getLastDayOfYear(time);
              var numSecond=(new Date(lastDayYear).getTime() - new Date(firstDayYear).getTime())/1000;
              return Math.ceil(numSecond/(24*3600));
          }
          
          /*獲取某年的第一天*/
          getFirstDayOfYear (time) {
              var year=new Date(time).getFullYear();
              return year + "-01-01 00:00:00";
          }
          
          /*獲取某年最后一天*/
          getLastDayOfYear (time) {
              var year=new Date(time).getFullYear();
              var dateString=year + "-12-01 00:00:00";
              var endDay=this.getMonthOfDay(dateString);
              return year + "-12-" + endDay + " 23:59:59";
          }
          
          /*獲取某個(gè)日期是當(dāng)年中的第幾天*/
          getDayOfYear (time) {
              var firstDayYear=this.getFirstDayOfYear(time);
              var numSecond=(new Date(time).getTime() - new Date(firstDayYear).getTime())/1000;
              return Math.ceil(numSecond/(24*3600));
          }
          
          /*獲取某個(gè)日期在這一年的第幾周*/
          getDayOfYearWeek (time) {
              var numdays=this.getDayOfYear(time);
              return Math.ceil(numdays / 7);
          }

          3. Array

          /*判斷一個(gè)元素是否在數(shù)組中*/
          contains (arr, val) {
              return arr.indexOf(val) !=-1 ? true : false;
          }
          
          /**
           * @param  {arr} 數(shù)組
           * @param  {fn} 回調(diào)函數(shù)
           * @return {undefined}
           */
          each (arr, fn) {
              fn=fn || Function;
              var a=[];
              var args=Array.prototype.slice.call(arguments, 1);
              for(var i=0; i < arr.length; i++) {
                  var res=fn.apply(arr, [arr[i], i].concat(args));
                  if(res !=null) a.push(res);
              }
          }
          
          /**
           * @param  {arr} 數(shù)組
           * @param  {fn} 回調(diào)函數(shù)
           * @param  {thisObj} this指向
           * @return {Array} 
           */
          map (arr, fn, thisObj) {
              var scope=thisObj || window;
              var a=[];
              for(var i=0, j=arr.length; i < j; ++i) {
                  var res=fn.call(scope, arr[i], i, this);
                  if(res !=null) a.push(res);
              }
              return a;
          }
          
          /**
           * @param  {arr} 數(shù)組
           * @param  {type} 1:從小到大   2:從大到小   3:隨機(jī)
           * @return {Array}
           */
          sort (arr, type=1) {
              return arr.sort( (a, b)=> {
                  switch(type) {
                      case 1:
                          return a - b;
                      case 2:
                          return b - a;
                      case 3:
                          return Math.random() - 0.5;
                      default:
                          return arr;
                  }
              })
          }
          
          /*去重*/
          unique (arr) {
              if ( Array.hasOwnProperty('from') ) {
                  return Array.from(new Set(arr));
              }else{
                  var n={},r=[]; 
                  for(var i=0; i < arr.length; i++){
                      if (!n[arr[i]]){
                          n[arr[i]]=true; 
                          r.push(arr[i]);
                      }
                  }
                  return r;
              }
              // 注:上面 else 里面的排重并不能區(qū)分 2 和 '2',但能減少用indexOf帶來(lái)的性能,暫時(shí)沒(méi)找到替代的方法。。。
              /* 正確排重
              if ( Array.hasOwnProperty('from') ) {
                  return Array.from(new Set(arr))
              }else{
                  var r=[], NaNBol=true
                  for(var i=0; i < arr.length; i++) {
                      if (arr[i] !==arr[i]) {
                          if (NaNBol && r.indexOf(arr[i])===-1) {
                              r.push(arr[i])
                              NaNBol=false
                          }
                      }else{
                          if(r.indexOf(arr[i])===-1) r.push(arr[i])
                      }
                  }
                  return r
              }
          
               */
          }
          
          /*求兩個(gè)集合的并集*/
          union (a, b) {
              var newArr=a.concat(b);
              return this.unique(newArr);
          }
          
          /*求兩個(gè)集合的交集*/
          intersect (a, b) {
              var _this=this;
              a=this.unique(a);
              return this.map(a, function(o) {
                  return _this.contains(b, o) ? o : null;
              });
          }
          
          /*刪除其中一個(gè)元素*/
          remove (arr, ele) {
              var index=arr.indexOf(ele);
              if(index > -1) {
                  arr.splice(index, 1);
              }
              return arr;
          }
          
          /*將類數(shù)組轉(zhuǎn)換為數(shù)組的方法*/
          formArray (ary) {
              var arr=[];
              if(Array.isArray(ary)) {
                  arr=ary;
              } else {
                  arr=Array.prototype.slice.call(ary);
              };
              return arr;
          }
          
          /*最大值*/
          max (arr) {
              return Math.max.apply(null, arr);
          }
          
          /*最小值*/
          min (arr) {
              return Math.min.apply(null, arr);
          }
          
          /*求和*/
          sum (arr) {
              return arr.reduce( (pre, cur)=> {
                  return pre + cur
              })
          }
          
          /*平均值*/
          average (arr) {
              return this.sum(arr)/arr.length
          }

          4. String 字符串操作

          /**
           * 去除空格
           * @param  {str}
           * @param  {type} 
           *       type:  1-所有空格  2-前后空格  3-前空格 4-后空格
           * @return {String}
           */
          trim (str, type) {
              type=type || 1
              switch (type) {
                  case 1:
                      return str.replace(/\s+/g, "");
                  case 2:
                      return str.replace(/(^\s*)|(\s*$)/g, "");
                  case 3:
                      return str.replace(/(^\s*)/g, "");
                  case 4:
                      return str.replace(/(\s*$)/g, "");
                  default:
                      return str;
              }
          }
          
          /**
           * @param  {str} 
           * @param  {type}
           *       type:  1:首字母大寫  2:首頁(yè)母小寫  3:大小寫轉(zhuǎn)換  4:全部大寫  5:全部小寫
           * @return {String}
           */
          changeCase (str, type) {
              type=type || 4
              switch (type) {
                  case 1:
                      return str.replace(/\b\w+\b/g, function (word) {
                          return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
          
                      });
                  case 2:
                      return str.replace(/\b\w+\b/g, function (word) {
                          return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
                      });
                  case 3:
                      return str.split('').map( function(word){
                          if (/[a-z]/.test(word)) {
                              return word.toUpperCase();
                          }else{
                              return word.toLowerCase()
                          }
                      }).join('')
                  case 4:
                      return str.toUpperCase();
                  case 5:
                      return str.toLowerCase();
                  default:
                      return str;
              }
          }
          
          /*
              檢測(cè)密碼強(qiáng)度
          */
          checkPwd (str) {
              var Lv=0;
              if (str.length < 6) {
                  return Lv
              }
              if (/[0-9]/.test(str)) {
                  Lv++
              }
              if (/[a-z]/.test(str)) {
                  Lv++
              }
              if (/[A-Z]/.test(str)) {
                  Lv++
              }
              if (/[\.|-|_]/.test(str)) {
                  Lv++
              }
              return Lv;
          }
          
          /*過(guò)濾html代碼(把<>轉(zhuǎn)換)*/
          filterTag (str) {
              str=str.replace(/&/ig, "&");
              str=str.replace(/</ig, "<");
              str=str.replace(/>/ig, ">");
              str=str.replace(" ", " ");
              return str;
          }

          5. Number

          /*隨機(jī)數(shù)范圍*/
          random (min, max) {
              if (arguments.length===2) {
                  return Math.floor(min + Math.random() * ( (max+1) - min ))
              }else{
                  return null;
              }
          
          }
          
          /*將阿拉伯?dāng)?shù)字翻譯成中文的大寫數(shù)字*/
          numberToChinese (num) {
              var AA=new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十");
              var BB=new Array("", "十", "百", "仟", "萬(wàn)", "億", "點(diǎn)", "");
              var a=("" + num).replace(/(^0*)/g, "").split("."),
                  k=0,
                  re="";
              for(var i=a[0].length - 1; i >=0; i--) {
                  switch(k) {
                      case 0:
                          re=BB[7] + re;
                          break;
                      case 4:
                          if(!new RegExp("0{4}//d{" + (a[0].length - i - 1) + "}$")
                              .test(a[0]))
                              re=BB[4] + re;
                          break;
                      case 8:
                          re=BB[5] + re;
                          BB[7]=BB[5];
                          k=0;
                          break;
                  }
                  if(k % 4==2 && a[0].charAt(i + 2) !=0 && a[0].charAt(i + 1)==0)
                      re=AA[0] + re;
                  if(a[0].charAt(i) !=0)
                      re=AA[a[0].charAt(i)] + BB[k % 4] + re;
                  k++;
              }
          
              if(a.length > 1) // 加上小數(shù)部分(如果有小數(shù)部分)
              {
                  re +=BB[6];
                  for(var i=0; i < a[1].length; i++)
                      re +=AA[a[1].charAt(i)];
              }
              if(re=='一十')
                  re="十";
              if(re.match(/^一/) && re.length==3)
                  re=re.replace("一", "");
              return re;
          }
          
          /*將數(shù)字轉(zhuǎn)換為大寫金額*/
          changeToChinese (Num) {
                  //判斷如果傳遞進(jìn)來(lái)的不是字符的話轉(zhuǎn)換為字符
                  if(typeof Num=="number") {
                      Num=new String(Num);
                  };
                  Num=Num.replace(/,/g, "") //替換tomoney()中的“,”
                  Num=Num.replace(/ /g, "") //替換tomoney()中的空格
                  Num=Num.replace(/¥/g, "") //替換掉可能出現(xiàn)的¥字符
                  if(isNaN(Num)) { //驗(yàn)證輸入的字符是否為數(shù)字
                      //alert("請(qǐng)檢查小寫金額是否正確");
                      return "";
                  };
                  //字符處理完畢后開(kāi)始轉(zhuǎn)換,采用前后兩部分分別轉(zhuǎn)換
                  var part=String(Num).split(".");
                  var newchar="";
                  //小數(shù)點(diǎn)前進(jìn)行轉(zhuǎn)化
                  for(var i=part[0].length - 1; i >=0; i--) {
                      if(part[0].length > 10) {
                          return "";
                          //若數(shù)量超過(guò)拾億單位,提示
                      }
                      var tmpnewchar=""
                      var perchar=part[0].charAt(i);
                      switch(perchar) {
                          case "0":
                              tmpnewchar="零" + tmpnewchar;
                              break;
                          case "1":
                              tmpnewchar="壹" + tmpnewchar;
                              break;
                          case "2":
                              tmpnewchar="貳" + tmpnewchar;
                              break;
                          case "3":
                              tmpnewchar="叁" + tmpnewchar;
                              break;
                          case "4":
                              tmpnewchar="肆" + tmpnewchar;
                              break;
                          case "5":
                              tmpnewchar="伍" + tmpnewchar;
                              break;
                          case "6":
                              tmpnewchar="陸" + tmpnewchar;
                              break;
                          case "7":
                              tmpnewchar="柒" + tmpnewchar;
                              break;
                          case "8":
                              tmpnewchar="捌" + tmpnewchar;
                              break;
                          case "9":
                              tmpnewchar="玖" + tmpnewchar;
                              break;
                      }
                      switch(part[0].length - i - 1) {
                          case 0:
                              tmpnewchar=tmpnewchar + "元";
                              break;
                          case 1:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "拾";
                              break;
                          case 2:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "佰";
                              break;
                          case 3:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "仟";
                              break;
                          case 4:
                              tmpnewchar=tmpnewchar + "萬(wàn)";
                              break;
                          case 5:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "拾";
                              break;
                          case 6:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "佰";
                              break;
                          case 7:
                              if(perchar !=0) tmpnewchar=tmpnewchar + "仟";
                              break;
                          case 8:
                              tmpnewchar=tmpnewchar + "億";
                              break;
                          case 9:
                              tmpnewchar=tmpnewchar + "拾";
                              break;
                      }
                      var newchar=tmpnewchar + newchar;
                  }
                  //小數(shù)點(diǎn)之后進(jìn)行轉(zhuǎn)化
                  if(Num.indexOf(".") !=-1) {
                      if(part[1].length > 2) {
                          // alert("小數(shù)點(diǎn)之后只能保留兩位,系統(tǒng)將自動(dòng)截?cái)?#34;);
                          part[1]=part[1].substr(0, 2)
                      }
                      for(i=0; i < part[1].length; i++) {
                          tmpnewchar=""
                          perchar=part[1].charAt(i)
                          switch(perchar) {
                              case "0":
                                  tmpnewchar="零" + tmpnewchar;
                                  break;
                              case "1":
                                  tmpnewchar="壹" + tmpnewchar;
                                  break;
                              case "2":
                                  tmpnewchar="貳" + tmpnewchar;
                                  break;
                              case "3":
                                  tmpnewchar="叁" + tmpnewchar;
                                  break;
                              case "4":
                                  tmpnewchar="肆" + tmpnewchar;
                                  break;
                              case "5":
                                  tmpnewchar="伍" + tmpnewchar;
                                  break;
                              case "6":
                                  tmpnewchar="陸" + tmpnewchar;
                                  break;
                              case "7":
                                  tmpnewchar="柒" + tmpnewchar;
                                  break;
                              case "8":
                                  tmpnewchar="捌" + tmpnewchar;
                                  break;
                              case "9":
                                  tmpnewchar="玖" + tmpnewchar;
                                  break;
                          }
                          if(i==0) tmpnewchar=tmpnewchar + "角";
                          if(i==1) tmpnewchar=tmpnewchar + "分";
                          newchar=newchar + tmpnewchar;
                      }
                  }
                  //替換所有無(wú)用漢字
                  while(newchar.search("零零") !=-1)
                      newchar=newchar.replace("零零", "零");
                  newchar=newchar.replace("零億", "億");
                  newchar=newchar.replace("億萬(wàn)", "億");
                  newchar=newchar.replace("零萬(wàn)", "萬(wàn)");
                  newchar=newchar.replace("零元", "元");
                  newchar=newchar.replace("零角", "");
                  newchar=newchar.replace("零分", "");
                  if(newchar.charAt(newchar.length - 1)=="元") {
                      newchar=newchar + "整"
                  }
                  return newchar;
              }

          6. Http

          /**
           * @param  {setting}
           */
          ajax(setting){
              //設(shè)置參數(shù)的初始值
              var opts={
                  method: (setting.method || "GET").toUpperCase(), //請(qǐng)求方式
                  url: setting.url || "", // 請(qǐng)求地址
                  async: setting.async || true, // 是否異步
                  dataType: setting.dataType || "json", // 解析方式
                  data: setting.data || "", // 參數(shù)
                  success: setting.success || function(){}, // 請(qǐng)求成功回調(diào)
                  error: setting.error || function(){} // 請(qǐng)求失敗回調(diào)
              }
          
              // 參數(shù)格式化
              function params_format (obj) {
                  var str=''
                  for (var i in obj) {
                      str +=i + '=' + obj[i] + '&'
                  }
                  return str.split('').slice(0, -1).join('')
              }
          
              // 創(chuàng)建ajax對(duì)象
              var xhr=new XMLHttpRequest();
          
              // 連接服務(wù)器open(方法GET/POST,請(qǐng)求地址, 異步傳輸)
              if(opts.method=='GET'){
                  xhr.open(opts.method, opts.url + "?" + params_format(opts.data), opts.async);
                  xhr.send();
              }else{
                  xhr.open(opts.method, opts.url, opts.async);
                  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                  xhr.send(opts.data);
              }
          
              /*
              ** 每當(dāng)readyState改變時(shí),就會(huì)觸發(fā)onreadystatechange事件
              ** readyState屬性存儲(chǔ)有XMLHttpRequest的狀態(tài)信息
              ** 0 :請(qǐng)求未初始化
              ** 1 :服務(wù)器連接已建立
              ** 2 :請(qǐng)求已接受
              ** 3 : 請(qǐng)求處理中
              ** 4 :請(qǐng)求已完成,且相應(yīng)就緒
              */
              xhr.onreadystatechange=function() {
                  if (xhr.readyState===4 && (xhr.status===200 || xhr.status===304)) {
                      switch(opts.dataType){
                          case "json":
                              var json=JSON.parse(xhr.responseText);
                              opts.success(json);
                              break;
                          case "xml":
                              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) {
              //設(shè)置參數(shù)的初始值
              let opts={
                  method: (setting.method || 'GET').toUpperCase(), //請(qǐng)求方式
                  headers : setting.headers  || {}, // 請(qǐng)求頭設(shè)置
                  credentials : setting.credentials  || true, // 設(shè)置cookie是否一起發(fā)送
                  body: setting.body || {},
                  mode : setting.mode  || 'no-cors', // 可以設(shè)置 cors, no-cors, same-origin
                  redirect : setting.redirect  || 'follow', // follow, error, manual
                  cache : setting.cache  || 'default' // 設(shè)置 cache 模式 (default, reload, no-cache)
              }
              let dataType=setting.dataType || "json", // 解析方式  
                  data=setting.data || "" // 參數(shù)
          
              // 參數(shù)格式化
              function params_format (obj) {
                  var str=''
                  for (var i in obj) {
                      str +=`${i}=${obj[i]}&`
                  }
                  return str.split('').slice(0, -1).join('')
              }
          
              if (opts.method==='GET') {
                  url=url + (data?`?${params_format(data)}`:'')
              }else{
                  setting.body=data || {}
              }
          
              return new Promise( (resolve, reject)=> {
                  fetch(url, opts).then( async res=> {
                      let data=dataType==='text' ? await res.text() :
                          dataType==='blob' ? await res.blob() : await res.json() 
                      resolve(data)
                  }).catch( e=> {
                      reject(e)
                  })
              })
          
          }

          7. DOM

          $ (selector){ 
              var type=selector.substring(0, 1);
              if (type==='#') {
                  if (document.querySelecotor) return document.querySelector(selector)
                      return document.getElementById(selector.substring(1))
          
              }else if (type==='.') {
                  if (document.querySelecotorAll) return document.querySelectorAll(selector)
                      return document.getElementsByClassName(selector.substring(1))
              }else{
                  return document['querySelectorAll' ? 'querySelectorAll':'getElementsByTagName'](selector)
              }
          } 
          
          /*檢測(cè)類名*/
          hasClass (ele, name) {
              return ele.className.match(new RegExp('(\\s|^)' + name + '(\\s|$)'));
          }
          
          /*添加類名*/
          addClass (ele, name) {
              if (!this.hasClass(ele, name)) ele.className +=" " + name;
          }
          
          /*刪除類名*/
          removeClass (ele, name) {
              if (this.hasClass(ele, name)) {
                  var reg=new RegExp('(\\s|^)' + name + '(\\s|$)');
                  ele.className=ele.className.replace(reg, '');
              }
          }
          
          /*替換類名*/
          replaceClass (ele, newName, oldName) {
              this.removeClass(ele, oldName);
              this.addClass(ele, newName);
          }
          
          /*獲取兄弟節(jié)點(diǎn)*/
          siblings (ele) {
              console.log(ele.parentNode)
              var chid=ele.parentNode.children,eleMatch=[]; 
              for(var i=0, len=chid.length; i < len; i ++){ 
                  if(chid[i] !=ele){ 
                      eleMatch.push(chid[i]); 
                  } 
              } 
              return eleMatch;
          }
          
          /*獲取行間樣式屬性*/
          getByStyle (obj,name){
              if(obj.currentStyle){
                  return  obj.currentStyle[name];
              }else{
                  return  getComputedStyle(obj,false)[name];
              }
          }

          8. Storage 儲(chǔ)存操作

          class StorageFn {
              constructor () {
                  this.ls=window.localStorage;
                  this.ss=window.sessionStorage;
              }
          
              /*-----------------cookie---------------------*/
              /*設(shè)置cookie*/
              setCookie (name, value, day) {
                  var setting=arguments[0];
                  if (Object.prototype.toString.call(setting).slice(8, -1)==='Object'){
                      for (var i in setting) {
                          var oDate=new Date();
                          oDate.setDate(oDate.getDate() + day);
                          document.cookie=i + '=' + setting[i] + ';expires=' + oDate;
                      }
                  }else{
                      var oDate=new Date();
                      oDate.setDate(oDate.getDate() + day);
                      document.cookie=name + '=' + value + ';expires=' + oDate;
                  }
          
              }
          
              /*獲取cookie*/
              getCookie (name) {
                  var arr=document.cookie.split('; ');
                  for (var i=0; i < arr.length; i++) {
                      var arr2=arr[i].split('=');
                      if (arr2[0]==name) {
                          return arr2[1];
                      }
                  }
                  return '';
              }
          
              /*刪除cookie*/
              removeCookie (name) {
                  this.setCookie(name, 1, -1);
              }
          
              /*-----------------localStorage---------------------*/
              /*設(shè)置localStorage*/
              setLocal(key, val) {
                  var setting=arguments[0];
                  if (Object.prototype.toString.call(setting).slice(8, -1)==='Object'){
                      for(var i in setting){
                          this.ls.setItem(i, JSON.stringify(setting[i]))
                      }
                  }else{
                      this.ls.setItem(key, JSON.stringify(val))
                  }
          
              }
          
              /*獲取localStorage*/
              getLocal(key) {
                  if (key) return JSON.parse(this.ls.getItem(key))
                  return null;
          
              }
          
              /*移除localStorage*/
              removeLocal(key) {
                  this.ls.removeItem(key)
              }
          
              /*移除所有l(wèi)ocalStorage*/
              clearLocal() {
                  this.ls.clear()
              }
          
              /*-----------------sessionStorage---------------------*/
              /*設(shè)置sessionStorage*/
              setSession(key, val) {
                  var setting=arguments[0];
                  if (Object.prototype.toString.call(setting).slice(8, -1)==='Object'){
                      for(var i in setting){
                          this.ss.setItem(i, JSON.stringify(setting[i]))
                      }
                  }else{
                      this.ss.setItem(key, JSON.stringify(val))
                  }
          
              }
          
              /*獲取sessionStorage*/
              getSession(key) {
                  if (key) return JSON.parse(this.ss.getItem(key))
                  return null;
          
              }
          
              /*移除sessionStorage*/
              removeSession(key) {
                  this.ss.removeItem(key)
              }
          
              /*移除所有sessionStorage*/
              clearSession() {
                  this.ss.clear()
              }
          
          }

          9. Other 其它操作

          /*獲取網(wǎng)址參數(shù)*/
          getURL(name){
              var reg=new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
              var r=decodeURI(window.location.search).substr(1).match(reg);
              if(r!=null) return  r[2]; return null;
          }
          
          /*獲取全部url參數(shù),并轉(zhuǎn)換成json對(duì)象*/
          getUrlAllParams (url) {
              var url=url ? url : window.location.href;
              var _pa=url.substring(url.indexOf('?') + 1),
                  _arrS=_pa.split('&'),
                  _rs={};
              for (var i=0, _len=_arrS.length; i < _len; i++) {
                  var pos=_arrS[i].indexOf('=');
                  if (pos==-1) {
                      continue;
                  }
                  var name=_arrS[i].substring(0, pos),
                      value=window.decodeURIComponent(_arrS[i].substring(pos + 1));
                  _rs[name]=value;
              }
              return _rs;
          }
          
          /*刪除url指定參數(shù),返回url*/
          delParamsUrl(url, name){
              var baseUrl=url.split('?')[0] + '?';
              var query=url.split('?')[1];
              if (query.indexOf(name)>-1) {
                  var obj={}
                  var arr=query.split("&");
                  for (var i=0; i < arr.length; i++) {
                      arr[i]=arr[i].split("=");
                      obj[arr[i][0]]=arr[i][1];
                  };
                  delete obj[name];
                  var url=baseUrl + JSON.stringify(obj).replace(/[\"\{\}]/g,"").replace(/\:/g,"=").replace(/\,/g,"&");
                  return url
              }else{
                  return url;
              }
          }
          
          /*獲取十六進(jìn)制隨機(jī)顏色*/
          getRandomColor () {
              return '#' + (function(h) {
                  return new Array(7 - h.length).join("0") + h;
              })((Math.random() * 0x1000000 << 0).toString(16));
          }
          
          /*圖片加載*/
          imgLoadAll(arr,callback){
              var arrImg=[]; 
              for (var i=0; i < arr.length; i++) {
                  var img=new Image();
                  img.src=arr[i];
                  img.onload=function(){
                      arrImg.push(this);
                      if (arrImg.length==arr.length) {
                          callback && callback();
                      }
                  }
              }
          }
          
          /*音頻加載*/
          loadAudio(src, callback) {
              var audio=new Audio(src);
              audio.onloadedmetadata=callback;
              audio.src=src;
          }
          
          /*DOM轉(zhuǎn)字符串*/
          domToStirng(htmlDOM){
              var div=document.createElement("div");
              div.appendChild(htmlDOM);
              return div.innerHTML
          }
          
          /*字符串轉(zhuǎn)DOM*/
          stringToDom(htmlString){
              var div=document.createElement("div");
              div.innerHTML=htmlString;
              return div.children[0];
          }
          
          /**
           * 光標(biāo)所在位置插入字符,并設(shè)置光標(biāo)位置
           * 
           * @param {dom} 輸入框
           * @param {val} 插入的值
           * @param {posLen} 光標(biāo)位置處在 插入的值的哪個(gè)位置
           */
          setCursorPosition (dom,val,posLen) {
              var cursorPosition=0;
              if(dom.selectionStart){
                  cursorPosition=dom.selectionStart;
              }
              this.insertAtCursor(dom,val);
              dom.focus();
              console.log(posLen)
              dom.setSelectionRange(dom.value.length,cursorPosition + (posLen || val.length));
          }
          
          /*光標(biāo)所在位置插入字符*/
          insertAtCursor(dom, val) {
              if (document.selection){
                  dom.focus();
                  sel=document.selection.createRange();
                  sel.text=val;
                  sel.select();
              }else if (dom.selectionStart || dom.selectionStart=='0'){
                  let startPos=dom.selectionStart;
                  let endPos=dom.selectionEnd;
                  let restoreTop=dom.scrollTop;
                  dom.value=dom.value.substring(0, startPos) + val + dom.value.substring(endPos, dom.value.length);
                  if (restoreTop > 0){
                      dom.scrollTop=restoreTop;
                  }
                  dom.focus();
                  dom.selectionStart=startPos + val.length;
                  dom.selectionEnd=startPos + val.length;
              } else {
                  dom.value +=val;
                  dom.focus();
              }
          }

          CSS

          1. pc-reset PC樣式初始化

          /* normalize.css */
          
          html {
            line-height: 1.15;
            /* 1 */
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
          }
          
          body {
            margin: 0;
          }
          
          article,
          aside,
          footer,
          header,
          nav,
          section {
            display: block;
          }
          
          h1 {
            font-size: 2em;
            margin: 0.67em 0;
          }
          
          figcaption,
          figure,
          main {
            /* 1 */
            display: block;
          }
          
          figure {
            margin: 1em 40px;
          }
          
          hr {
            box-sizing: content-box;
            /* 1 */
            height: 0;
            /* 1 */
            overflow: visible;
            /* 2 */
          }
          
          pre {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          a {
            background-color: transparent;
            /* 1 */
            -webkit-text-decoration-skip: objects;
            /* 2 */
          }
          
          abbr[title] {
            border-bottom: none;
            /* 1 */
            text-decoration: underline;
            /* 2 */
            text-decoration: underline dotted;
            /* 2 */
          }
          
          b,
          strong {
            font-weight: inherit;
          }
          
          b,
          strong {
            font-weight: bolder;
          }
          
          code,
          kbd,
          samp {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          dfn {
            font-style: italic;
          }
          
          mark {
            background-color: #ff0;
            color: #000;
          }
          
          small {
            font-size: 80%;
          }
          
          sub,
          sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
          }
          
          sub {
            bottom: -0.25em;
          }
          
          sup {
            top: -0.5em;
          }
          
          audio,
          video {
            display: inline-block;
          }
          
          audio:not([controls]) {
            display: none;
            height: 0;
          }
          
          img {
            border-style: none;
          }
          
          svg:not(:root) {
            overflow: hidden;
          }
          
          button,
          input,
          optgroup,
          select,
          textarea {
            font-family: sans-serif;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
          }
          
          button,
          input {
            /* 1 */
            overflow: visible;
          }
          
          button,
          select {
            /* 1 */
            text-transform: none;
          }
          
          button,
          html [type="button"],
          
          /* 1 */
          
          [type="reset"],
          [type="submit"] {
            -webkit-appearance: button;
            /* 2 */
          }
          
          button::-moz-focus-inner,
          [type="button"]::-moz-focus-inner,
          [type="reset"]::-moz-focus-inner,
          [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
          }
          
          button:-moz-focusring,
          [type="button"]:-moz-focusring,
          [type="reset"]:-moz-focusring,
          [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
          }
          
          fieldset {
            padding: 0.35em 0.75em 0.625em;
          }
          
          legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
          }
          
          progress {
            display: inline-block;
            /* 1 */
            vertical-align: baseline;
            /* 2 */
          }
          
          textarea {
            overflow: auto;
          }
          
          [type="checkbox"],
          [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
          }
          
          [type="number"]::-webkit-inner-spin-button,
          [type="number"]::-webkit-outer-spin-button {
            height: auto;
          }
          
          [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
          }
          
          [type="search"]::-webkit-search-cancel-button,
          [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
          }
          
           ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
          }
          
          details,
          
          /* 1 */
          
          menu {
            display: block;
          }
          
          summary {
            display: list-item;
          }
          
          canvas {
            display: inline-block;
          }
          
          template {
            display: none;
          }
          
          [hidden] {
            display: none;
          }
          
          /* reset */
          
          html,
          body,
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          div,
          dl,
          dt,
          dd,
          ul,
          ol,
          li,
          p,
          blockquote,
          pre,
          hr,
          figure,
          table,
          caption,
          th,
          td,
          form,
          fieldset,
          legend,
          input,
          button,
          textarea,
          menu {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }

          2. Phone-reset

          /* normalize.css */
          
          html {
            line-height: 1.15;
            /* 1 */
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
          }
          
          body {
            margin: 0;
          }
          
          article,
          aside,
          footer,
          header,
          nav,
          section {
            display: block;
          }
          
          h1 {
            font-size: 2em;
            margin: 0.67em 0;
          }
          
          figcaption,
          figure,
          main {
            /* 1 */
            display: block;
          }
          
          figure {
            margin: 1em 40px;
          }
          
          hr {
            box-sizing: content-box;
            /* 1 */
            height: 0;
            /* 1 */
            overflow: visible;
            /* 2 */
          }
          
          pre {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          a {
            background-color: transparent;
            /* 1 */
            -webkit-text-decoration-skip: objects;
            /* 2 */
          }
          
          abbr[title] {
            border-bottom: none;
            /* 1 */
            text-decoration: underline;
            /* 2 */
            text-decoration: underline dotted;
            /* 2 */
          }
          
          b,
          strong {
            font-weight: inherit;
          }
          
          b,
          strong {
            font-weight: bolder;
          }
          
          code,
          kbd,
          samp {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          dfn {
            font-style: italic;
          }
          
          mark {
            background-color: #ff0;
            color: #000;
          }
          
          small {
            font-size: 80%;
          }
          
          sub,
          sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
          }
          
          sub {
            bottom: -0.25em;
          }
          
          sup {
            top: -0.5em;
          }
          
          audio,
          video {
            display: inline-block;
          }
          
          audio:not([controls]) {
            display: none;
            height: 0;
          }
          
          img {
            border-style: none;
          }
          
          svg:not(:root) {
            overflow: hidden;
          }
          
          button,
          input,
          optgroup,
          select,
          textarea {
            font-family: sans-serif;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
          }
          
          button,
          input {
            /* 1 */
            overflow: visible;
          }
          
          button,
          select {
            /* 1 */
            text-transform: none;
          }
          
          button,
          html [type="button"],
          
          /* 1 */
          
          [type="reset"],
          [type="submit"] {
            -webkit-appearance: button;
            /* 2 */
          }
          
          button::-moz-focus-inner,
          [type="button"]::-moz-focus-inner,
          [type="reset"]::-moz-focus-inner,
          [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
          }
          
          button:-moz-focusring,
          [type="button"]:-moz-focusring,
          [type="reset"]:-moz-focusring,
          [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
          }
          
          fieldset {
            padding: 0.35em 0.75em 0.625em;
          }
          
          legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
          }
          
          progress {
            display: inline-block;
            /* 1 */
            vertical-align: baseline;
            /* 2 */
          }
          
          textarea {
            overflow: auto;
          }
          
          [type="checkbox"],
          [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
          }
          
          [type="number"]::-webkit-inner-spin-button,
          [type="number"]::-webkit-outer-spin-button {
            height: auto;
          }
          
          [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
          }
          
          [type="search"]::-webkit-search-cancel-button,
          [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
          }
          
           ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
          }
          
          details,
          
          /* 1 */
          
          menu {
            display: block;
          }
          
          summary {
            display: list-item;
          }
          
          canvas {
            display: inline-block;
          }
          
          template {
            display: none;
          }
          
          [hidden] {
            display: none;
          }
          
          /* reset */
          
          html,
          body,
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          div,
          dl,
          dt,
          dd,
          ul,
          ol,
          li,
          p,
          blockquote,
          pre,
          hr,
          figure,
          table,
          caption,
          th,
          td,
          form,
          fieldset,
          legend,
          input,
          button,
          textarea,
          menu {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }
          
          html,
          body {
            /* 禁止選中文本 */
            -webkit-user-select: none;
            user-select: none;
            font: Oswald, 'Open Sans', Helvetica, Arial, sans-serif
          }
          
          /* 禁止長(zhǎng)按鏈接與圖片彈出菜單 */
          
          a,
          img {
            -webkit-touch-callout: none;
          }
          
          /*ios android去除自帶陰影的樣式*/
          
          a,
          input {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          }
          
          input[type="text"] {
            -webkit-appearance: none;
          }

          2. Phone-reset

          /* normalize.css */
          
          html {
            line-height: 1.15;
            /* 1 */
            -ms-text-size-adjust: 100%;
            /* 2 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
          }
          
          body {
            margin: 0;
          }
          
          article,
          aside,
          footer,
          header,
          nav,
          section {
            display: block;
          }
          
          h1 {
            font-size: 2em;
            margin: 0.67em 0;
          }
          
          figcaption,
          figure,
          main {
            /* 1 */
            display: block;
          }
          
          figure {
            margin: 1em 40px;
          }
          
          hr {
            box-sizing: content-box;
            /* 1 */
            height: 0;
            /* 1 */
            overflow: visible;
            /* 2 */
          }
          
          pre {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          a {
            background-color: transparent;
            /* 1 */
            -webkit-text-decoration-skip: objects;
            /* 2 */
          }
          
          abbr[title] {
            border-bottom: none;
            /* 1 */
            text-decoration: underline;
            /* 2 */
            text-decoration: underline dotted;
            /* 2 */
          }
          
          b,
          strong {
            font-weight: inherit;
          }
          
          b,
          strong {
            font-weight: bolder;
          }
          
          code,
          kbd,
          samp {
            font-family: monospace, monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
          }
          
          dfn {
            font-style: italic;
          }
          
          mark {
            background-color: #ff0;
            color: #000;
          }
          
          small {
            font-size: 80%;
          }
          
          sub,
          sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
          }
          
          sub {
            bottom: -0.25em;
          }
          
          sup {
            top: -0.5em;
          }
          
          audio,
          video {
            display: inline-block;
          }
          
          audio:not([controls]) {
            display: none;
            height: 0;
          }
          
          img {
            border-style: none;
          }
          
          svg:not(:root) {
            overflow: hidden;
          }
          
          button,
          input,
          optgroup,
          select,
          textarea {
            font-family: sans-serif;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
          }
          
          button,
          input {
            /* 1 */
            overflow: visible;
          }
          
          button,
          select {
            /* 1 */
            text-transform: none;
          }
          
          button,
          html [type="button"],
          
          /* 1 */
          
          [type="reset"],
          [type="submit"] {
            -webkit-appearance: button;
            /* 2 */
          }
          
          button::-moz-focus-inner,
          [type="button"]::-moz-focus-inner,
          [type="reset"]::-moz-focus-inner,
          [type="submit"]::-moz-focus-inner {
            border-style: none;
            padding: 0;
          }
          
          button:-moz-focusring,
          [type="button"]:-moz-focusring,
          [type="reset"]:-moz-focusring,
          [type="submit"]:-moz-focusring {
            outline: 1px dotted ButtonText;
          }
          
          fieldset {
            padding: 0.35em 0.75em 0.625em;
          }
          
          legend {
            box-sizing: border-box;
            /* 1 */
            color: inherit;
            /* 2 */
            display: table;
            /* 1 */
            max-width: 100%;
            /* 1 */
            padding: 0;
            /* 3 */
            white-space: normal;
            /* 1 */
          }
          
          progress {
            display: inline-block;
            /* 1 */
            vertical-align: baseline;
            /* 2 */
          }
          
          textarea {
            overflow: auto;
          }
          
          [type="checkbox"],
          [type="radio"] {
            box-sizing: border-box;
            /* 1 */
            padding: 0;
            /* 2 */
          }
          
          [type="number"]::-webkit-inner-spin-button,
          [type="number"]::-webkit-outer-spin-button {
            height: auto;
          }
          
          [type="search"] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
          }
          
          [type="search"]::-webkit-search-cancel-button,
          [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
          }
          
           ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
          }
          
          details,
          
          /* 1 */
          
          menu {
            display: block;
          }
          
          summary {
            display: list-item;
          }
          
          canvas {
            display: inline-block;
          }
          
          template {
            display: none;
          }
          
          [hidden] {
            display: none;
          }
          
          /* reset */
          
          html,
          body,
          h1,
          h2,
          h3,
          h4,
          h5,
          h6,
          div,
          dl,
          dt,
          dd,
          ul,
          ol,
          li,
          p,
          blockquote,
          pre,
          hr,
          figure,
          table,
          caption,
          th,
          td,
          form,
          fieldset,
          legend,
          input,
          button,
          textarea,
          menu {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
          }
          
          html,
          body {
            /* 禁止選中文本 */
            -webkit-user-select: none;
            user-select: none;
            font: Oswald, 'Open Sans', Helvetica, Arial, sans-serif
          }
          
          /* 禁止長(zhǎng)按鏈接與圖片彈出菜單 */
          
          a,
          img {
            -webkit-touch-callout: none;
          }
          
          /*ios android去除自帶陰影的樣式*/
          
          a,
          input {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          }
          
          input[type="text"] {
            -webkit-appearance: none;
          }

          3. 公共樣式提取

          /* 禁止選中文本 */
          .usn{
              -webkit-user-select:none;
              -moz-user-select:none;
              -ms-user-select:none;
              -o-user-select:none;
              user-select:none;
          }
          /* 浮動(dòng) */
          .fl { float: left; }
          .fr { float: right; }
          .cf { zoom: 1; }
          .cf:after {
              content:".";
              display:block;
              clear:both;
              visibility:hidden;
              height:0;
              overflow:hidden;
          }
          
          /* 元素類型 */
          .db { display: block; }
          .dn { display: none; }
          .di { display: inline }
          .dib {display: inline-block;}
          .transparent { opacity: 0 }
          
          /*文字排版、顏色*/
          .f12 { font-size:12px }
          .f14 { font-size:14px }
          .f16 { font-size:16px }
          .f18 { font-size:18px }
          .f20 { font-size:20px }
          .fb { font-weight:bold }
          .fn { font-weight:normal }
          .t2 { text-indent:2em }
          .red,a.red { color:#cc0031 }
          .darkblue,a.darkblue { color:#039 }
          .gray,a.gray { 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 { /* 強(qiáng)制不換行 */
              word-wrap:normal;
              white-space:nowrap;
          }
          .wb { /* 強(qiáng)制換行 */
              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 { /* 多出部分用省略號(hào)表示 , 用于一行 */
              overflow:hidden;
              word-wrap:normal;
              white-space:nowrap;
              text-overflow:ellipsis;
          }
          .wes-2 { /* 適用于webkit內(nèi)核和移動(dòng)端 */
              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; }
          
          /* 垂直對(duì)齊方式 */
          .vt {vertical-align: top; }
          .vm {vertical-align: middle; }
          .vb {vertical-align: bottom; }
          
          /* 鼠標(biāo)樣式 */
          .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;
          }


          原文:http://www.codeceo.com/article/javascript-common-tool-method-package.html


          主站蜘蛛池模板: 中文字幕av日韩精品一区二区| 风间由美性色一区二区三区| 91福利视频一区| 夜精品a一区二区三区| 麻豆一区二区99久久久久| 国产精品毛片一区二区| 国产一区二区三区福利| 日本国产一区二区三区在线观看 | 日韩精品一区二三区中文| 亚洲天堂一区在线| 人妻少妇精品视频一区二区三区| 狠狠色婷婷久久一区二区| 国产另类ts人妖一区二区三区| 国产伦精品一区二区三区四区 | 日本无码一区二区三区白峰美 | 久久精品人妻一区二区三区| 精品视频一区在线观看| 精品女同一区二区| 一区二区精品久久| 好湿好大硬得深一点动态图91精品福利一区二区 | 国产精品福利一区二区| 日韩免费无码视频一区二区三区 | 国模精品视频一区二区三区| 国产萌白酱在线一区二区| 国产一区二区三区露脸| 亚洲AV无码一区二区三区国产| www一区二区三区| 国产在线不卡一区二区三区| 免费av一区二区三区| 精品无码人妻一区二区三区品| 亚洲综合无码一区二区三区| 国产高清在线精品一区| 精品久久综合一区二区| 亚洲熟女乱综合一区二区| 免费萌白酱国产一区二区三区 | 亚洲av成人一区二区三区在线观看| 久夜色精品国产一区二区三区| 久久精品一区二区三区四区| 中文字幕AV一区二区三区人妻少妇| 日本一区二区三区日本免费| 成人区人妻精品一区二区不卡视频|