Practical Training JS函数的节流和防抖-事件冒泡

同时执行很多次时，

函数防抖与节流是很相似的概念，但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 先说函数防抖，debounce。 其概念其实是从机械开关和继电器的“去弹跳”（debounce） 衍生 出来的，基本思路就是把多个信号合并为一个信号。 单反也有相似的概念，在拍照的时候手如果拿不稳晃的时候拍照一般 手机 是拍不出好照片的，因此智能手机是在你按一下时连续拍许多张， 能过合成手段，生成一张。

 

课上内容：事件冒泡

  // 
            // $(".child").mouseover(function(){
            //     $(this).css("background-color","red");
            // }).mouseout(function(){
            //     $(this).css("background-color","pink");
            // });
            // hover  有两个参数  第一个是鼠标移入、第二个是鼠标移出
            // $(".child").hover(function(){
            //     $(this).css("background-color","red");
            // },function(){
            //     $(this).css("background-color","pink");
            // });

            // 事件冒泡
            
            // 当事件冒泡遇见单击事件时，可能会阻止事件冒泡
            function stopPropagation(e){
                // 阻止默认事件/阻止冒泡
                e.stopPropagation();
                // 阻止默认行为  reset/submit/a[href]
                e.preventDefault();
                // 直接阻止上面的两种  直接阻止 一般写再最后 
                // 一般不常用 例如：当遇到ie老版本浏览器的时候，才会用它
                return false;
            }
            // .child  .parent
            $(".child").click(function(e){
                console.log(".child");
               return stopPropagation(e);
            });
            $(".parent").click(function(){
                console.log(".parent");
            });