Study Day37 11.19

练习

push（）：可向数组的末尾添加一个或多个元素，并返回新的长度

pop（）：用于删除并返回数组的最后一个元素。

shift（）：用于把数组的第一个元素从其中删除，并返回第一个元素的值

unshift（）：可向数组的开头添加一个或更多元素，并返回新的长度

2.什么是默认事件，什么是冒泡事件？如何禁止？

冒泡事件：即事件从最底层逐个经过上面一级级事件的过程，就是冒泡事件。在非IE浏览器中提供了一个事件对象stopPropagation，那么在IE浏览器中可以通过cancelBubble事件对象阻止。

默认事件：浏览器的默认事件就是浏览自己的行为，比如我们在点击的时候，浏览器跳转到指定页面，或者是当我们滚动鼠标时页面会向下滚动，但我们按空格键和按方向键时也会向下滚动，为了更好的用户体验，这时我们就需要阻止这种行为的发生。

阻止事件冒泡：

[](javascript:void(0)😉

function stopBubble(e) {
    if(e && e.stopPropagation) {        　　　　e.stopPropagation();
    }else {
        window.event.cancelBubble = true;
            }
    }

[](javascript:void(0)😉

阻止默认事件：

[](javascript:void(0)😉

function stopDefault(e) {
    if(e && e.preventDefault) {
        e.preventDefault();
        }else {
          window.event.returnValue = false;
          }
    return false;
}

3.如今有一个Ul，里面有十亿个Li，要求点击li触发事件，弹出对应的li的内容

[](javascript:void(0)😉

var ul = document.getElementsByTagName('ul')[0];
ul.onclick=function(e) {
　　var event = e || window.event;
　　var tar = event.target || event.srcElement;
　　if(tar.tagName.toLowerCase()==="li")
　　alert(tar.innerText);
}

[](javascript:void(0)😉

考点：事件委托：“事件代理”即是把原本需要绑定的事件委托给父元素，让父元素担当事件监听的职务

4.有字符串“aaabbbcccdddeeefgggaa”，转换成连续不重复的字符串，eg：abcdefga

var reg = /(.)\1*/g;

var str = 'aaabbbcccdddeeefgggaa';

str.replace(reg,str);

6.选择器优先级是怎样的

===================================================================================

1.下列哪些是HTML中行内标签元素（ ABCEF ）？（多选）

A、a B、span C、i D、ul E、input F、img

2.< iframe>内联框架使用正确的是（ A ）？
A、< iframe src=”网址”> B、< iframe href=”网址”>
C、< iframe link=”网址”> D、< iframe rel=”网址”>

3.下列CSS选择器正确的是（ D ）？

A、.body .5 B、.about body C、title a D、.about .body

4.下列哪些属于CSS中的哪些代表绿色（ BCD ）？（多选）

A、#green B、rgb(0,255,0) C、rgba(0,255,0,1) D、green

5.文本尺寸12px，下列哪些可以实现2倍行高（ ABCD ）？（多选）

A、line-height：2rem B、line-height：24px

C、line-height：2 D、line-height：200%；

6.下列关于圆角边框正确描述的是（ A ）？（

A、border-radius B、border-radios C、border-circle D、border-ratio

7.关于圆角单独控制左下角描述正确的是（ A ）？

A border-bottom-left B、border-left-bottom

C、border-circle D、border-ratio

8.box-shadow:0 0 10px red; 其中10px表示（ C ）？

A、投影向右10px B、投影向左10px C、投影大小10px D、投影向下10px

9.opacity表示透明度，被设置了此属性的盒子内的文字也会有透明度吗？（ A ）

A、有透明度 B、没有透明度

10.盒子使用visibility设置hidden后还保留位置吗（ A ）？
A、保留位置 B、不保留位置

11.下列哪些样式值可以移动元素本身位置（ ACD ）？（多选）

A、margin-left B、padding-left C、left D、translateX

12.Flex布局中哪个是定义垂直居中（ A ）？

A、align-items B、align-content C、justify-content D、flex-direction

13.根据下列代码.about的高是多少( B )?

.about { maring: 0 auto; }

.about-img { float: left; height: 200px; }
.about-text { height: 100px; }

< div class=”about”>

< div class=”about-img”></div>
    <div class="about-text"></div>

< /div>

A、0 B、100px C、200px D、300px;

14.哪些是表示控制奇数数行的样式（ ABC ）？（多选）
A、ul li:nth-child(2n+1);

B ul li:nth-of-type(2n-1);

C、ul li:nth-of-type(2n+1);

D、ul li:nth-child(2x+1);