前端笔试题

1.使用一个div实现如下样式：

实现原理：使用:after和:before。

代码如下：

<head>
<style type="text/css">
  html{
     background:#fff;
  }
  body{
     width:120px;
     padding:10px;
  }
  div{
     display:block;
     background:#fff;
     width:100px;
     height:20px;
     margin:10px;
  }

  body:before,body:after{
     content:"";
     display:block;
     background:#fff;
     width:100px;
     height:20px;
     margin:10px;
  }
</style>
</head>

<body bgcolor="#000">
  <div></div>
</body>

2.提取URL中的键值对,要求以一个对象输出

URL：http://myblog.com?name=xiaoxiaojing&value=100&type=number

var url = "http://myblog.com?name=xiaoxiaojing&value=100&type=number";
function getObject( url ){
    var index,result = {};
    index = url.indexOf( "?" );
    if( index <= -1 ){
        return null;
    }
    var str = url.substring( index+1,url.length-1 );
    var strArray = str.split( "&" );
    for( var i=0,len = strArray.length;i<len;i++ ){
        var strObject = strArray[i].split( "=" );
        var strName = strObject[0];
        var strValue = strObject[1];
        result[strName] = strValue;
    }
    return result;
}
console.log( getObject(url) );