2021大厂面试题,一步之差靠它解决

开课吧开课吧锤锤2021-06-08 17:27

点赞
有用
分享分享

    前端开发的入门门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。

web

    关于JS事件冒泡与JS事件代理(事件委托)

    事件作为DOM操作重要的一环,需要大家好好理解和运用,今天特意看了一下事件冒泡和事件代理的相关资料,感触颇深,也深感自己的无知不知道多浪费了多少内存,废话不多说进入正题:

    1.事件冒泡:

    通俗易懂的来讲,就是当一个子元素的事件被触发的时候(如onclick事件),该事件会从事件源(被点击的子元素)开始逐级向上传播,触发父级元素的点击事件。

    2.事件委托

    事件委托,首先按字面的意思就能看你出来,是将事件交由别人来执行,再联想到上面讲的事件冒泡,是不是想到了?对,就是将子元素的事件通过冒泡的形式交由父元素来执行。下面经过详细的例子来说明事件委托:

    有可能在开发的时候会遇到这种情况:如导航每一个栏目都要加一个事件,你可能会通过遍历来给每个栏目添加事件:

    事件委托是怎

var ul = document.getElementById('parentUl');

     ul.οnclick=function (event) {

       var e = event||window.event,

              source = e.target || e.srcElement;//target表示在事件冒泡中触发事件的源元素,在IE中是srcElement

         if(source.nodeName.toLowerCase() == "li"){   //判断只有li触发的才会输出内容

             alert(source.innerHTML);

         }

         stopPropagation(e);                           //阻止继续冒泡

     };

     function addElement() {

         var li = document.createElement('li');

         li.innerHTML="我是新孩子";

         ul.appendChild(li);

     }

    假如您对大厂的面试题有兴趣,不妨点击下面的图片,免费领取。

web

    在线搜索Web面试题,你会发现很多都是重复性的,那么精粹的面试题,就是你最需要的。以上就是开课吧广场小编为大家整理发布的“2021大厂面试题,一步之差靠它解决”一文,更多Web面试相关内容尽在开课吧广场Web面试频道!

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享