成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

js封裝的一些常用方法

senntyou / 3233人閱讀

摘要：整理自己常用的一些封裝方法數(shù)組按照指定長(zhǎng)度拆分?jǐn)?shù)組按指定長(zhǎng)度拆分刪除數(shù)組中指定元素刪除數(shù)組中指定元素將小數(shù)指定到精確位置將小數(shù)字符串精確到指定位數(shù)字符串類型的小數(shù)精確到小數(shù)點(diǎn)第幾位根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒

整理自己常用的一些封裝方法 1.數(shù)組按照指定長(zhǎng)度拆分 
// 數(shù)組按指定長(zhǎng)度拆分
export function chunk (data, count) {
  var result = []
  for (var i = 0, len = data.length; i < len; i += count) {
    result.push(data.slice(i, i + count))
  }
  return result
}
2.刪除數(shù)組中指定元素 
/**
 * 刪除數(shù)組中指定元素
 * @param arr
 * @param val
 */
function removeByValue (arr, val) {
  for (var i = 0; i < arr.length; i++) {
    if (arr[i] == val) {
      arr.splice(i, 1)
      break
    }
  }
}
3.將小數(shù)指定到精確位置 
/**
 *  將小數(shù)字符串精確到指定位數(shù)
 * @param num string 字符串類型的小數(shù)
 * @param index int 精確到小數(shù)點(diǎn)第幾位
 */
function roundFloat (num, index) {
  return Number(num).toFixed(index)
}
4.根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒 
/**
 *  根據(jù)微妙時(shí)間戳獲取年月日時(shí)分秒
 * @param microtime unix微妙時(shí)間戳
 * @returns {string} yyyy-mm-dd hh:mm:ss
 */
function getNowFormatDate (microtime) {
  var date = new Date(microtime)
  var month = date.getMonth() + 1
  var strDate = date.getDate()
  var strHour = date.getHours()
  var strMinute = date.getMinutes()
  var strSeconds = date.getSeconds()
  if (month >= 1 && month <= 9) {
    month =`0${month}`
  }
  if (strDate >= 0 && strDate <= 9) {
    strDate = `0${strDate}`
  }
  if (strHour >= 0 && strHour <= 9) {
    strHour = `0${strHour}`
  }
  if (strMinute >= 0 && strMinute <= 9) {
    strMinute = `0${strMinute}`
  }
  if (strSeconds >= 0 && strSeconds <= 9) {
    strSeconds = `0${strSeconds}`
  }
 var currentdate =`${date.getFullYear()}-${month }-${strDate} ${strHour}:${strMinute}:${strSeconds}`
return currentdate
}
5.獲取指定日的當(dāng)周周一 
/**
 * 獲取指定日的當(dāng)周周一
 * @param time 毫秒時(shí)間戳
 * @returns {string}
 */
function getMonday (time) {
  let today = new Date(time).getDay() === 0 ? 7 : new Date(time).getDay()
  let timeStr = new Date(time).getTime()
  let mondayStr = timeStr - (today - 1) * 3600 * 24 * 1000
  return getNowFormatDate(mondayStr).split(" ")[0] + " 00:00:00"
}
6.獲取指定日的當(dāng)周周日 
/**
 * 獲取指定日的當(dāng)周周日
 * @param time 毫秒時(shí)間戳
 * @returns {string}
 */
function getSunday (time) {
  let today = new Date(time).getDay() === 0 ? 7 : new Date(time).getDay()
  let timeStr = new Date(time).getTime()
  let sundayStr = timeStr + (7 - today) * 3600 * 24 * 1000
  return getNowFormatDate(sundayStr).split(" ")[0] + " 23:59:59"
}
7.二維數(shù)組分組排序 
/*
@params arr 要排序的數(shù)組
 @params group 要分組的鍵
 */
function arrayGroupby (arr, key) {
  var result = {}
  arr.forEach(function (child, i) {
    if (!(child[key] in result)) {
      result[child[key]] = []
    }
    result[child[key]].push(child)
  })
  return result
}
8.輸入正確的數(shù)值 
/**
 * 輸出正確的數(shù)值
 * @param val
 * @param changedVal
 * @returns {Number}
 */
function echoTrueNumber (val, changedVal) {
  if (val === 0 || val === "0") {
    return parseFloat(val)
  }
  return val ? parseFloat(val) : changedVal
}
9.根據(jù)數(shù)字字符串獲取小數(shù)位位數(shù) 
/**
 * 根據(jù)數(shù)字字符串獲取小數(shù)位位數(shù)
 * @param num
 * @returns {number}
 */
function getIndexLength (num) {
  num = Number(num).toString()
  let length = 0
  if (typeof num.split(".")[1] === "undefined") {
    if (num.indexOf("-") > 0) {
      // 0.0000001,1e-7科學(xué)計(jì)數(shù)法
      length = Number(num.split("-")[1])
    } else {
      // 整數(shù)
      length = 0
    }
  } else {
    // 普通的小數(shù)0.121562
    length = num.split(".")[1].length
  }

  return length
}
10.去字符串所有空格 
/**
 * 去掉字符串所有空格
 * @param {String} Str 
 */
//去字符串所有空格
function stringTrim(Str) {
  return Str.replace(/(^s+)|(s+$)/g, "")
}
11.數(shù)組去重 
/**
 * 數(shù)組去重
 * @param {Array} arr 
 * @returns {Array}
 */
function arrayUnique(arr) {
  var newArr = []
  for (var i = 0, len = arr.length; i < len; i++) {
    for (var j = i + 1; j < len; j++) {
      if (arr[i] === arr[j]) {
        //獲取沒(méi)重復(fù)的最右一值放入新數(shù)組
        ++i
      }
    }
    newArr.push(arr[i])
  }
  return newArr
}
12.判斷是pc端還是移動(dòng) 
 function IsPC() {
  let userAgentInfo = navigator.userAgent
  let Agents = [
    "Android",
    "iPhone",
    "SymbianOS",
    "Windows Phone",
    "iPad",
    "iPod"
  ]
  let flag = true
  for (let v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) > 0) {
      flag = false
      break
    }
  }
  return flag
}


//判斷手機(jī)端域名
export const DeviceState = (function Device() {
  if (window.location.host.slice(0, 1) === "m" || !IsPC()) {
      console.log("手機(jī)端")
    return true
  } else {
      console.log("pc端")
    return false
  }
})()
常用的一些方法會(huì)不斷的更新，之前做的老項(xiàng)目沒(méi)有整理過(guò)，會(huì)在以后的項(xiàng)目中不斷整體新的東西，讓自己更好的學(xué)習(xí)前端的技術(shù)?。?！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/103516.html

相關(guān)文章

  • 項(xiàng)目中常用js封裝（持續(xù)更新）

    摘要：我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常會(huì)碰到各種各樣的需求，但很多需求都是重復(fù)的，因此我就把平時(shí)開(kāi)發(fā)中遇到的一些常見(jiàn)方法做了個(gè)總結(jié)和歸納。 我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常會(huì)碰到各種各樣的需求，但很多需求都是重復(fù)的，因此我就把平時(shí)開(kāi)發(fā)中遇到的一些常見(jiàn)方法做了個(gè)總結(jié)和歸納。1、金額的格式化 比如2.00，1,222,2.00像這樣格式的數(shù)據(jù)在很多電商或者后臺(tái)數(shù)據(jù)顯示上見(jiàn)到，然而這些數(shù)據(jù)后臺(tái)往往只是給我們前端返回2或者12...

    myeveryheart 評(píng)論0 收藏0

  • vue封裝axios基本思路

    Axios 是一個(gè)基于 promise 的 HTTP 庫(kù)，可以用在瀏覽器和 node.js 中。在vue項(xiàng)目之中使用axios是一個(gè)非常明智的選擇，因?yàn)関ue官方已經(jīng)宣稱不再維護(hù)vue-resource,并且推薦使用axios. 1 為什么選擇axios？ 使用axios可以統(tǒng)一做請(qǐng)求-響應(yīng)攔截，例如響應(yīng)時(shí)我們將響應(yīng)信息攔截起來(lái)，判斷狀態(tài)碼，從而彈出報(bào)錯(cuò)信息 設(shè)定請(qǐng)求超時(shí),例如3000ms未響應(yīng)...

    microcosm1994 評(píng)論0 收藏0

  • 基于vue-cli3.0的項(xiàng)目工程重新構(gòu)建空白版，拿來(lái)即用

    摘要：寫(xiě)在前面使用框架開(kāi)發(fā)時(shí)，很多人會(huì)選擇官方提供的腳手架，最新的已經(jīng)更新到完全無(wú)配置，只需下載就能方便的使用構(gòu)建的項(xiàng)目工程，但基礎(chǔ)的并不能滿足正常的項(xiàng)目開(kāi)發(fā)，在開(kāi)發(fā)中我們需要根據(jù)自己的習(xí)慣和業(yè)務(wù)功能而添加些基礎(chǔ)功能。 寫(xiě)在前面 使用vue框架開(kāi)發(fā)時(shí)，很多人會(huì)選擇vue官方提供的cli腳手架，最新的cli已經(jīng)更新到3.0完全無(wú)配置，只需下載就能方便的使用vuecli構(gòu)建的項(xiàng)目工程，但基礎(chǔ)的c...

    xingpingz 評(píng)論0 收藏0

  • react中后臺(tái)管理界面

    摘要：是一個(gè)用開(kāi)發(fā)的一個(gè)企業(yè)級(jí)中后臺(tái)管理包含常用的業(yè)務(wù)，組件，及數(shù)據(jù)流轉(zhuǎn)方案，前后端分離的開(kāi)發(fā)方式，按業(yè)務(wù)劃分的目錄結(jié)構(gòu)，可以大大提高我們的開(kāi)發(fā)效率下面是整體的介紹，感興趣的同學(xué)可以去官網(wǎng)詳加了解。 dva-boot-admin 是一個(gè)用React開(kāi)發(fā)的一個(gè)企業(yè)級(jí)中后臺(tái)管理UI,包含常用的業(yè)務(wù)，組件，及數(shù)據(jù)流轉(zhuǎn)方案，前后端分離的開(kāi)發(fā)方式，按業(yè)務(wù)劃分的目錄結(jié)構(gòu)，可以大大提高我們的開(kāi)發(fā)效率 下面...

    dongfangyiyu 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門五（掌握jQuery的常用api，實(shí)現(xiàn)動(dòng)態(tài)效果）

    摘要：基本概念學(xué)習(xí)目標(biāo)學(xué)會(huì)如何使用，掌握的常用，能夠使用實(shí)現(xiàn)常見(jiàn)的效果。想要實(shí)現(xiàn)簡(jiǎn)單的動(dòng)畫(huà)效果，也很麻煩代碼冗余。實(shí)現(xiàn)動(dòng)畫(huà)非常簡(jiǎn)單，而且功能更加的強(qiáng)大。注意選擇器返回的是對(duì)象。 jQuery基本概念 學(xué)習(xí)目標(biāo)：學(xué)會(huì)如何使用jQuery，掌握jQuery的常用api，能夠使用jQuery實(shí)現(xiàn)常見(jiàn)的效果。 為什么要學(xué)習(xí)jQuery？ 【01-讓div顯示與設(shè)置內(nèi)容.html】 使用javasc...

    nevermind 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<