web前端抱团学习群测试题

CSS:
下列关于超链接伪类的正确书写顺序是: ()

A: L-V-H-A

B: V-H-A-L

C: H-A-L-V

D: A-L-V-H

下面代码中, #txt 的可视宽度是: （）
#txt {
            box-sizing: border-box;
            width: 100px;
            border: 5px solid #000;
            padding: 10px;
            margin: 20px;
}
<input type="text" id="txt" />

A: 100px

B: 110px

C: 130px

D: 170px

下面的input类型中，自带验证的类型有哪些: （）【多选题】

A: type="tel"

B: type="url"

C: type="email"

D: type="image"

下面的样式中，哪些样式可以触发BFC: （）【多选题】

A: float: left;

B: position: fixed;

C: overflow: scroll;

D: visibility: visible;

现在我们要修改下列代码中 span1 的样式，操作正确的是: （）
<div class="box">
        <h2><span>span0</span></h2>
        <p>
                        <span>span1</span>
                        <span>span2</span>
        </p>
        <p>
                        <span>span3</span>
        </p>
</div>

A: .box span:nth-child(1){}

B: .box span:nth-of-type(1){}

C: .box p:nth-child(1) span:nth-of-type(1){}

D: .box p:nth-of-type(1) span:nth-of-type(1){}

viewport的相关设置中，目前已经不兼容的有哪些: （）【多选题】

A: initial-scale

B: maximum-scale

C: minimum-scale

D: user-scalable

下列影响不属于浮动造成的是: （）

A: 提升层级

B: 脱离文档流

C: 阻止margin传递

D：不设置宽度，宽度可以由内容撑开

下列代码中 .div1 的宽度为:
@w: 240px;
.box {
            display: flex;
            width: @w;
}
.loop(@n) when (@n>0){
            .loop(@n - 1);
            .div@{n}{
                        flex: @n;
            }
}
.loop(3);

<div class="box">
        <div class="div1"></div>
        <div class="div2"></div>
        <div class="div3"></div>
</div>

A: 40px

B: 50px

C: 60px

D: 70px

当屏幕宽度为 750px，像素比为 2 时，10vw 等于多少: （）

A: 75px

B: 750px

C: 375px

D: 37.5px

10.

关于 Bootstrap3 的栅格布局下列说法正确的是：（）

A：在 bootstrap 一行可以分为 24 个格子

B：sm 对应的响应式设置为：@media all and (min-width: 768px) {}

C：xs 对应的响应式设置为：@media all and (max-width: 768px) {}

D: md 对应的响应式设置为：@media all and (min-width: 992px) and (max-width: 1200px) {}

11.

JS:
下面代码，k的运行结果是：（）
var i = 0,j = 0;
for(;i<10,j<6;i++,j++){
k = i + j;
};

A：16

B：10

C：6

D：0

12.

js中数据类型有（）

A : undefined，null，string，function，NaN，object，symbol

B : undefined，null，string，boolean，NaN，object，symbol

C : undefined，null，string，boolean，object，symbol

D : undefined，null，string，boolean，function，object，symbol

13.

下面的描述中不正确的是（）【多选题】

A：'==' 在比较过程中，不但会比较两边的值，还会比较两边的数据类型

B：NaN == NaN 的结果是 true

C：isNaN判断传入的参数是否为数字，为数字返回true，否则返回false

D：arguments 中保存了实际传入函数内的所有参数

14.

下面结果i是多少？（）
for(var i = 0; i < 5; i++) {
    setTimeout(function(i) {
        return function() {
            console.log(i);
        };
    }(i), i * 1000);
}

A.0,1,2,3,4

B.5,5,5,5,5

C. 5

D. 1

15.

[1,2,3,4].join('0').split('') 的执行结果是（）

A：'1,2,3,4'

B：[1,2,3,4]

C：['1','0','2','0','3','0','4']

D： '1,0,2,0,3,0,4'

16.

node.replaceChild(a,b),该方法作用是什么，参数分别是什么？（）

A. 替换元素中节点， a是新节点，b是将要被替换的子节点

B. 添加节点，a是新节点，b是添加节点的位置

C. 删除节点， a，b都是要删除的节点

D. 交换节点 a，b都是node的子节点

17.

获取浏览器窗框宽度正确的是：（）

A. window.offsetWidth

B. window.clientWidth

C. window.innerWidth

D. window.innerHTML

18.

事件流的执行顺序（）

A.捕获，目标，冒泡

B.目标，捕获，冒泡

C.冒泡，目标，捕获

D.捕获，冒泡，目标

19.

原型链上的constructor保存的是什么？（）

A.当前实例的构造函数

B.当前实例

C.Object构造函数

D.构造函数的原型

20.

XMLHttpRequest对象有几个返回状态值

a. 3

b. 4

c. 5

d. 6

21.

webpack 中，一般我们会在什么环境下设置 devtools 为 source-map（）

A. 某些特别的事例

B. 开发环境

C. 生产环境

D. 其它

22.

下面那个ip代表任意字段？（）

A: 1.1.1.1

B: 8.8.8.8

C: 127.0.0.01

D: 0.0.0.0

23.

React 中 Key 的作用是？（）

A: 给组件(或元素)添加使用时，方便我们在使用时找到这个组件(或元素)

B: 在声明周期，可以通过 key 找到对应的DOM节点

C：用来传递数据

D：在组件更新时，方便 React 追踪，被修改或删除添加的元素的辅助标示

24.

如果父组件更新, 子组件 shouldComponentUpdate() 默认返回 true , 子组件会执行几个生命周期函数?

A: 3个

B：5个

C：6个

D：8个

25.

下列是哪个描述是正确的（）

A.构造函数下的prototype属性保存的是原型对象

B.构造函数下不能有原型链

C.对象不是构造函数的实例

D.构造函数是一个闭包函数