更新時間：2017年11月09日12:26:37

1、函式節流

    場景：監聽頁面滾動到距離底部小於等於10px，觸發請求分頁資料；但監聽滾動事件，每滾動一幀會觸發一次函式，當用戶快速滾動頁面到達底部，會連續觸發10次請求，因此需要設定，在具體的時間(比如1000ms)內，只能觸發一次函式；

    函式節流技術：解決頻繁觸發函式效能問題

請求資料的函式：getDate(){}

執行函式的方案：

clearTimeout(this.getDateTimer);

this.getDateTimer = setTimeout(()=>{

  this.getDate();

},1000)

    函式節流技術引發的問題，每次請求都需要在延遲1000ma後才能執行，能否先請求，後延時，延時未過，不進行下一次請求？

優化方案：

定義變數並初始化：let delayTieout = true;

執行函式的方案：

if(delayTimeout){

  this.getData();

}

delayTimeout = false;

clearTimeout(this.getDateTimer);

this.getDateTimer = setTimeout(()=>{

  delayTimeout = true;

},1000)

    這個方案，保證第一次會實時執行請求資料的函式，但第二次執行只能在1000ms後才能觸發；

2、資料運算

    資料轉換：+‘1’將String型別資料轉換成Number；‘’+1將Number型別的資料轉換成String型別

    0.1+0.2=0.30000000000000004、2.4/0.8=2.9999999999999996的問題，這是JavaScript浮點運算的自身的問題。 處理方案：先將結果相加，然後用toFixed(2)精確兩位小數轉換成字串，再轉成Number型別，如下：

+((0.1+0.2).toFixed(1))；

3、自執行函式

!(function(n){
    console.log(n);//window物件
}(window));

4、用HTML屬性data-*獲取HTML中DOM元素的索引

    問題：如下，輪播圖結構，如何獲取當前輪播圖片li標籤的索引，可以用到HTML新屬性data-*

<ul>

<li></li>

<li></li>

<li></li>

...

</ul>

    改變DOM結構如下：

<ul>

<li data-index='0'></li>

<li data-index='1'></li>

<li data-index='2'></li>

...

</ul>

    獲取當前輪播圖索引的方法：

let index = $('ul>li').attr('data-index');

5、switch 語句的高階用法

未完，待續...