前端笔试题(一)

一、选择题

1.对于某<div>节点下面有若干<h1>,<h2>节点，对于选择器h2:nth-child(odd)以下描述正确的有：()

A.当<div>节点中的第奇数哥子节点中，如果刚好是<h2>节点，则匹配

B.当<div>节点中的第奇数个<h2>节点，则匹配

C.当<div>节点中的第偶数个子节点中，如果刚好是<h2>节点，则匹配

D.当<div>节点中的第偶数个<h2>节点，则匹配

2.当浏览器宽度在1000px及以上时，Media Queries使用正确的有：()

A.@media screen and (max-width:1000px){}

B.@media screen and (min-width:1000px){}

C.@media screen and (max-width:999px){}

D.@media screen and (min-width:999px){}

3.对于position:absolute以下说法正确的是：()

A.脱离文档流，文档中的文字会环绕该绝对定位的元素

B.left、top的定位方式相对于不是position:static的父元素

C.当left、top未配置时，该绝对定位的元素会显示在浏览器左上角

D.以上说法都不对

4.对于某<div>节点下面有若干<h1>,<h2>节点，对于div:after选择器，以下描述正确的是：()

A.必须配置contebt才可生效

B.必须配置position才可生效

C.可在<div>后面，跟<div>同一层插入内容

D.可作为<div>最后子节点插入内容

5.关于URL中的“?”和“#”，以下描述正确的是：()

A.“?”会触发网页重载

B.“#”会触发网页重载

C.网页重载时会把“?”的数据发送到服务器

D.网页重载时会把“#”的数据发送到服务器

E.“?”会改变浏览器的访问记录

F.“#”会改变浏览器的访问记录

二、简答题

1.写一个宽400px，高随内容多少变动的弹窗，要求弹窗水平垂直居中

2.已知定义了以下一个对象：

var data=[

　　{id:1,address:"广东",parent_id:0},

　　{id:2,address:"湖南",parent_id:0},

　　{id:3,address:"深圳",parent_id:1},

　　{id:4,address:"南山",parent_id:3},

　　{id:5,address:"西丽",parent_id:4},

　　{id:6,address:"长沙",parent_id:2},

　　{id:7,address:"湖北",parent_id:0},

　　{id:8,address:"武汉",parent_id:7},

　　{id:9,address:"上海",parent_id:0},

　　{id:10,address:"黄埔",parent_id:9},

　　{id:11,address:"外滩",parent_id:10},

　　{id:12,address:"广州",parent_id:1}

];

其中，parent_id为父级id，求输入id后找到它所有的子级，

输入例子1：3

输出结果1：["南山","西丽"]

输入例子2：10

输出结果：["外滩"]

3.请将变量data复制给新变量newData且不影响变量data

var data={a:1,b:2,c:3};