国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js常用小技巧黑科技 - javascript(js) commonly used skill

shadowbook / 3273人閱讀

摘要:原文地址小數取整妙用隱式轉換數字字符串轉轉時間戳數組多維數組轉逗號分隔字符串解構交換的值擴展運算符取數組最大值生成時間字符串轉數組合并對象等同于常用方法數字前補數組元素為對象的去重數組求和金錢格式化短路邏輯代替生成指定長度數組正則進階捕

原文地址
https://github.com/TigerHee/s...

小數取整:

  1.234 | 0
  ~~1.234
  1.234 >> 0

妙用隱式轉換:

數字字符串轉number:
  +"123"
new Date轉時間戳:
  +new Date()
數組/多維數組轉逗號分隔字符串:
  ""+[1, 2 , 3, 3, [2, 3, 4]]

解構:

交換a,b的值:
  var a=1;
  var b=2;
  [a, b] = [b, a];
  console.log("a ===", a);
  console.log("b ===", b);

擴展運算符:

取數組最大值:
  Math.max(...[1,2,3])
生成時間:
  new Date(...[2018,6,4])
字符串轉數組:
  method 1: 
  [..."string"]
  
  method 2: 
  Array.from("string")
合并對象:
  let obj1 = {a:1, b:2};
  let obj2 = {b:3, c:4};

  Object.assign(obj1, obj2)
    等同于
  {...obj1, ...obj2}

常用方法:

數字前補0:
  preFixNum(num, length) {
    return (Array(length).join("0") + num).slice(-length);
  }
數組元素為對象的去重:
  [...new Set(arr.map(v => JSON.stringify(v)))].map(v => JSON.parse(v))
數組求和:
  var arr = [1,2,3,4,5];
  
  method 1: 
  var sum = eval(arr.join("+"));
  
  method 2: 
  var sum = arr.reduce((prev,cur) => prev + cur);
金錢格式化:
  let money = 11111;
  
  method 1: 
  money.toLocaleString("en-US");
  
  method 2: 
  Intl.NumberFormat().format(money);
  
  method 3: 
  String(money).replace(/B(?=(d{3})+(?!d))/g, ",");
短路邏輯代替if:
  isTrue && console.log(1);
RGB to Hex:
  function RGBtoHEX(rgb){
    return ((1<<24) + (rgb.r<<16) + (rgb.g<<8) + rgb.b).toString(16).substr(1);
  }
生成指定長度數組:
  Array.from(new Array(10).keys());

正則進階:

捕獲括號:
  匹配 "tigerHee" 并且記住匹配項
  /(tigerHee)/
非捕獲括號:
  匹配 "tigerHee" 但是不記住匹配項
  /(?:tigerHee)/
先行斷言:
  匹配"tiger"僅僅當"tiger"后面跟著"Hee"
  /tiger(?=Hee)/
后行斷言:
  匹配"Hee"僅僅當"Hee"前面是"tiger"
  /(?<=tiger)Hee/
正向否定查找:
  匹配"tiger"僅僅當"tiger"后面不跟著"java"
  /tiger(?!java)/
如果覺得有用的話,可以來個star哦

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/107982.html

相關文章

  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優雅,不需要寫冗長的代碼來校驗設置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    Berwin 評論0 收藏0
  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優雅,不需要寫冗長的代碼來校驗設置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    MASAILA 評論0 收藏0
  • CSS 魔法技巧,讓你少寫不必要的JS,代碼更優雅

    摘要:利用用和來做表單即時校驗需求讓表單檢驗變得簡單優雅,不需要寫冗長的代碼來校驗設置樣式豐富了表單元素,提供了類似等表單元素屬性。不知細葉誰裁出,二月春風似剪刀。首先,你需要先了解一下漸變的使用技巧。 之前不久,由于自己平時涉獵還算廣泛,總結了一篇博客:這些JavaScript編程黑科技,裝逼指南,高逼格代碼,讓你驚嘆不已,沒想到受到了大家的歡迎,有人希望能博主還能整理個 CSS 的一些黑...

    qqlcbb 評論0 收藏0
  • 前端文檔收集

    摘要:系列種優化頁面加載速度的方法隨筆分類中個最重要的技術點常用整理網頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數組函數數據訪問性能優化方案實現的大排序算法一怪對象常用方法函數收集數組的操作面向對象和原型繼承中關鍵詞的優雅解釋淺談系列 H5系列 10種優化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術點 常用meta整理 網頁性能管理詳解 HTML5 ...

    jsbintask 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<