摘要：又是一個(gè)每個(gè)前端必知必會(huì)的狀態(tài)，產(chǎn)生這個(gè)狀態(tài)的前提是客戶端本地已經(jīng)有緩存的版本，并且在中告訴了服務(wù)端，當(dāng)服務(wù)端通過時(shí)間或者，發(fā)現(xiàn)沒有更新的時(shí)候，就會(huì)返回一個(gè)不含的狀態(tài)。

1、有圖片的頁面等所有圖片加載完畢再進(jìn)行判斷

    /*等所有圖片加載完畢后再判斷文本高度以設(shè)置置底方式
     *
     */
    $("#main").find("img").load(function() {
        imgs --;
        if (!imgs) {
            setFooterPos();
        };
    });

2、ajax post發(fā)送數(shù)據(jù)

      formData方式會(huì)自動(dòng)把boolean類型的轉(zhuǎn)化為string類型
      如果不讓它轉(zhuǎn)化，加上 contentType: "application/json; charset=utf-8" 
      數(shù)據(jù)序列化 JSON.stringify(link_data); 使之變成json形式傳值

3、非常巧妙的數(shù)組去重辦法

  const arr1 = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];
  const arr2 = arr1.filter( (element, index, self) => { return self.indexOf( element ) === index; }); //核心行
  console.log( arr2 ); // [1, 2, 3, 5, 4] 
  console.log( arr1 ); // [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4]

4、js實(shí)現(xiàn)剪切板功能

    var Url2 = ENV.INSURANCE_HOST + "/fl/" + row.flowId
    var oInput = document.createElement("input")
    oInput.value = Url2
    document.body.appendChild(oInput)
    oInput.select() // 選擇對(duì)象
    document.execCommand("Copy") // 執(zhí)行瀏覽器復(fù)制命令
    

5、0.1 + 0.2 等不等于0.3的正確比較方法

  console.log( Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON);
  Number.EPSILON  number類型的最小精度
  Math.abs   返回絕對(duì)值的方法
  

6、判斷數(shù)據(jù)類型的辦法

 var symbolObject = (function(){ return this; }).call(Symbol("a"));
  console.log(typeof symbolObject); //object
  console.log(symbolObject instanceof Symbol); //true
  console.log(symbolObject.constructor == Symbol); //true
  

7、重要的按鈕操作（如發(fā)送，創(chuàng)建）要給按鈕添加去重操作
8、時(shí)間戳轉(zhuǎn)換（傳入13位）

  time(time = +new Date()) { 
    var date = new Date(time + 8 * 3600 * 1000) // 增加8小時(shí)
    return date
      .toJSON()
      .substr(0, 19)
      .replace("T", " ")
  },
  

9、原生js去除字符串空格

      String.prototype.trim=function(){
　　     return this.replace(/(^s*)|(s*$)/g, "");
      }

10、vue路由query問題

vue 路由query取出的參數(shù)為字符串類型 所以不要用true/false放到query的參數(shù)上

11、獲取當(dāng)天時(shí)間的 24:00

方法一：
      a = Date.now() + 1000 * 60 * 60 * 8
      a - (a % (1000 * 60 * 60 * 24)) -  (1000 * 60 * 60*8)    
      a % (1000 * 60 * 60 * 24)  //一整天的秒數(shù)
方法二：
      new Date("2019-5-17").getTime() //1558022400000
      用方法拼括號(hào)里的字符串

12、http的知識(shí)

從 HTTP 請(qǐng)求回來，就產(chǎn)生了流式的數(shù)據(jù)，后續(xù)的 DOM 樹構(gòu)建、CSS 計(jì)算、渲染、合成、繪制，都是盡可能地流式處理前一步的產(chǎn)出：即不需要等到上一步驟完全結(jié)束，就開始處理上一步的輸出，這樣我們?cè)跒g覽網(wǎng)頁時(shí)，才會(huì)看到逐步出現(xiàn)的頁面。

304 又是一個(gè)每個(gè)前端必知必會(huì)的狀態(tài)，產(chǎn)生這個(gè)狀態(tài)的前提是：客戶端本地已經(jīng)有緩存的版本，并且在 Request 中告訴了服務(wù)端，當(dāng)服務(wù)端通過時(shí)間或者 tag，發(fā)現(xiàn)沒有更新的時(shí)候，就會(huì)返回一個(gè)不含 body 的 304 狀態(tài)。