发表于: 2018-06-02 23:20:53
1 633
今天完成的事:
1、算是完成了任务12,后续再做点小修改。
2、准备明天的小课堂。
3、构思任务7的三个页面怎么用sass重构好一些。
明天的计划:
1、用SASS重构任务7的页面。抽取公共部分,把常用的组件写成SCSS。
2、讲小课堂。正好是关于sass的。
遇到的困难:
1、今天主要是准备小课堂去了。
然后的话晚上的时候,重新整理了一下任务7,多页面找共同处,感觉很费脑子。
收获:
1、看了一下JS的东西。偶然间在一个博客看到的。关于JS事件的一些知识。
js事件的三个阶段分别为:捕获阶段、目标阶段、冒泡阶段 。
捕获:事件由页面元素接收,逐级向下,到具体的元素 ;
目标:具体的元素本身 ;
冒泡:跟捕获相反,具体元素本身,逐级向上,到页面元素 ;
事件捕获:当使用事件捕获时,父级元素先触发,子元素后触发;
事件冒泡:当使用事件冒泡时,子级元素先触发,父元素后触发;
W3C 上面是这样说的,任何事件发生时,先从顶层开始进行事件捕获,直到事件触发到达事件源,再从事件源向上进行事件捕获
标准浏览器:addEventListener("click","doSomething","true")方法,若第三参数为true则采用事件捕获,若为false,则采用事件冒泡
IE浏览器只支持事件冒泡,不支持事件捕获,所以它不支持addEventListener("click","doSomething","true")方法,所以ie浏览器使用ele.attachEvent("onclick",doSomething) ,所以一般的原生JS很容易因为事件冒泡而引发不好的效果。所以,就有了下面的方法。
事件传播的阻止方法:
在W3C中,使用stopPropagation()方法 ;
在IE下使用cancelBubble = true方法 ;
阻止默认行为:
在W3c中,使用preventDefault()方法 ;
在IE下return false ;
进度:CSS-任务13
开始时间:2018.05.31
评论