前端面试-自测

1. JS有哪些手段可以实现继承？
2. 说说JS的闭包？
3. 用纯JS实现，点击一个列表时，输出对应的索引（不能用JQuery哦）

4. CSS实现矩形按钮右边缘的中间有个往里凹的小半圆，如图：

   
   image.png

1.原型链；构造函数；
2.可以在作用域之外执行函数。

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

var ul = document.getElementsByTagName("ul")[0];
    ul.onclick=function(event){
        var tg = event.target; 
        var lis = ul.getElementsByTagName("li");
        for(var i = 0 ; i<lis.length;i++){
            if(lis[i] === tg){
                alert(i+1);
            }
        }
    }

var lis = document.getElementsByTagName("ul")[0].getElementsByTagName("li");
    for (var i = 0; i<lis.length;i++){//闭包
        (function(){
            var n = i;
            lis[i].onclick = function(){
                alert(n+1);
            }
        })(i)
    }

      .btn {
            width: 120px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            position: relative;
            text-align: center;
        }
        .btn-bg{
            border: none;
            background-color: black;
            color: #FFF;
        }

        .btn:after {
            content: '';
            position: absolute;
            background-color: #FFF;
            width: 20px;
            height: 20px;
            top: 10px;
            right: -10px;
            border-radius: 100%;
        }