前端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

猜你喜欢

转载自blog.csdn.net/joinzhu/article/details/79421079