前端01：一些小知識的歸納

HTML5

製作HTML5網頁需要具備：

CSS

1：pointer-event:none; 使鼠標事件無效

    應用：穿過遮罩，可以點擊遮罩下元素，觸發該元素事件。

JS

1：arguments 函數參數對象

.....................................................................

function setSet(){

    let s = new Set();

    for( var i of arguments ){         //遍歷所有參數，並加入到Set中

        s.add( i );    

    }   

    console.log( s );

}    

var a = [ 1,2,3,"3",4,4 ];

setSet( ...a );  //輸出 : Set { 1,2,3,"3",4 } ,Set有去重的作用，內部比較算法類似 ===，所以3 和 “3”被看作不同值

.....................................................................

2 : 數組遍歷

    (1) for()/while() 循環

    (2) arr.forEach()

    (3) arr.map()

    (4) for( var k in arr ) / for ( var v of arr )  // 註釋：for...of 需要ES6支持

............................................................

3：動態改變<video>播放視頻時重新播放

<video >
  <source src="./file/vedio/1.mp4" type="video/mp4">
  <source src="" type="video/ogg">
</video>

 js 改變<source>的 src ，不會自動播放改變後的視頻。需要改變<video>的src。

ES6

1： 利用Set 給數組去重 ： var arr2 = [ ...new Set(arr1) ]; 

2：Promise異步 和 Jquery中的defrred對象

      轉：https://www.cnblogs.com/lvdabao/p/jquery-deferred.html