58同城2021校招笔试-前端-公司真题-面试哥

题型	单选题	多选题	填空题
数量	12	8	3

1.

以下代码输出console.log([1,2,3,4,5].splice(...

问题详情

以下代码输出

console.log([1,2,3,4,5].splice(1,2,3,4,5))
console.log([1,2,3,4,5].slice(1,2,3,4,5))

A. [2,3]和[2,3]
B. [2]和[2]
C. [2,3]和[2]
D. [2]和[2,3]

2.

root元素的高(通过getComputedStyle(root).hei...

问题详情

root元素的高 (通过getComputedStyle(root).height计算) 为？

<html>
<body>
<div id="root" style="border:1px solid red">
    <div style="width:10pxheight:10pxmargin:10px"></div>
    <div style="width:10pxheight:10pxmargin:20px"></div>
</div>
</body>
</html>

A. 50px
B. 60px
C. 70px
D. 80px

3.

假定某次上线，1小时内出bug的概率为50%，那么3小时内出bug的概率是？

问题详情

A. 77.5%
B. 82.5%
C. 87.5%
D. 92.5%

4.

以下代码执行返回？parseInt('0x111')

问题详情

5.

下边关于https描述正确的是:

问题详情

A. 客户端会对服务器下发的证书进行域名校验
B. 客户端和服务器交互使用的是服务器下发的私钥
C. 黑客拦截服务器下发的证书后就可以伪造服务器和客户端进行通信
D. 手机只信任CA颁发的证书

6.

下边关于XSS描述正确的是

问题详情

A.

XSS又名跨站脚本攻击，是利用服务器查询漏洞，在提交数据中注入sql语句，从而破坏网站数据

B.

防范XSS攻击只要前端对数据进行Base64就可以解决

C.

XSS攻击需要也服务器对接口进行防护

D.

XSS攻击仅在表单提交时使用

7.

以下运行结果:for(vari=0i<10i++){setTim...

问题详情

以下运行结果:

for(var i = 0 i < 10 i++) {

setTimeout(function() {

console.log(i)

}, 1000)

}

A.

0-9

B.

10个10

C.

10个9

D.

10个1

8.

在跨域请求中，下列请求头中哪种content-type一定会触发cors预检查

问题详情

A.

text/plain

B.

multipart/form-data

C.

application/x-www-form-unlencoded

D.

application/json

9.

下面代码输出结果正确的是functionSetcount(count){t...

问题详情

下面代码输出结果正确的是

function Setcount(count){

this.count=count

}

Setcount.prototype.printCount=function(){

console.log(this.count)

}

let a = new Setcount(100)

a.count =200

a.__proto__.count=300

a.__proto__.printCount()

a.printCount()

A.

100,200

B.

200,300

C.

300,200

D.

100,300

10.

关于position定位，下列说法正确的是

问题详情

A.

relative，absolute, fixed都会脱离当前文档流，并相对于当前位置设置偏移量

B.

absolute元素如果其父级设置了fixed属性，则其会相对于浏览器窗口设置偏移

C.

z-index属性对元素position属性为relative，absolute, fixed都可以做层级设置

D.

relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间

11.

请选择console打印的正确值Object.prototype.foo=...

问题详情

请选择console打印的正确值

Object.prototype.foo = 'Object'
Function.prototype.foo = 'Function'
function Animal () {}
var cat = new Animal()
console.log(cat.foo)
console.log(Animal.foo)

A. Object Function
B. Object Object
C. Function Object
D. Function Function

12.

请选择正确的输出结果varbar=[1,2,3]for(variinba...

问题详情

请选择正确的输出结果

var bar = [1,2,3] for(var i in bar) {
	
		    setTimeout(function(){console.log(bar[i])},0) 
	
console.log(bar[i])
}

A. 123和123
B. 333和333
C. 333和123
D. 123和333

13.

下列哪个属性不会引起浏览器重排（reflow）:

问题详情

A.

@keyframes animate {
            0%{
                top: 0
                left: 0
            }
            25%{
                top: 0
                left: 200px
            }
            50%{
                top: 200px
                left: 200px
            }
            75%{
                top: 200px
                left: 0
            }
}

B.

 @keyframes animate {
    0%{
        transform: translate(0,0)
    }
    25%{
        transform: translate(200px,0)
    }
    50%{
        transform: translate(200px,200px)
    }
    75%{
        transform: translate(0,200px)
    }
}

C. .hide{
display: none
}

D.

.hide {

visibility:hidden

}

14.

关于javascript，以下选项描述错误的是

问题详情

A. 在原型上扩展的可枚举方法，会被for in循环出来
B. 通过hasOwnProperty可判断一个对象以及其原型链上是否具有指定名称的属性
C. 每个函数对象都有prototype属性，返回对象类型原型的引用
D. For循环是按顺序的，for in 循环是不一定按顺序的
E.

for...of 循环可遍历普通对象，如{a:'1', b:2}

15.

下列关于js事件的描述中，正确的有

问题详情

A. 事件冒泡是指当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。
B.

不支持冒泡的事件有blur、focus、load、resize、mouseleave

C. 事件委托不依赖于事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。
D.

通过addEventListener方法给Dom添加事件监听，addEventListener形参中的第三个参数控制是捕获传递触发还是冒泡传递触发。

16.

css中哪些属性可以继承

问题详情

A. font-size
B. margin
C. border
D.

color

17.

BFC（BlockFormattingContext）格式化上下文，是We...

问题详情

BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。形成BFC的条件有

A. display 为以下其中之一的值 inline-block，table-cell，table-caption、flex
B. 浮动元素，float 除 none 以外的值
C. overflow 除了 visible 以外的值（hidden，auto，scroll）
D. 绝对定位元素，position（absolute，fixed）

18.

下列会导致页面回流reflow的操作有

问题详情

A.

添加或者删除可见的DOM元素

B.

仅修改DOM元素的字体颜色、背景色

C.

resize浏览器窗口

D.

设置可见元素为display: none

E.

读取元素的属性offsetWidth和offsetHeight

19.

关于position定位，下列说法正确的是（）

问题详情

关于position定位，下列说法正确的是（）

A.

absolute的元素，如果它的父容器设置了position属性，并且position的属性值为absolute或者relative，那么就会依据父容器进行偏移

B. relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间
C. fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以 body 为依据
D. relative元素是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TOP、RIGHT、BOTTOM、LEFT进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位

20.

请选择结果为真的表达式

问题详情

A.

null instanceof Object

B. null === undefined
C. null == undefined
D. undefined === undefined
E. null == null
F. null === null

21.

统计一个字符串出现最多的字母

问题详情

实现一个函数，输入一个字符串，返回该字符串出现最多的字母

输入描述：字符串输入样例： aab 输出描述：出现次数最多的字母输出样例 a

22.

查找字符串中的最长公共前缀

问题详情

编写查询函数返回数字字符串中最大的公共前缀字符串

输入描述：

flower flow flight

一组包含公共前缀的数组字符串

输入样例： flower,flow,flight 输出描述：

fl

字符串中最长公共前缀

输出样例 fl

23.

五八文字碰碰消

问题详情

帮帮同学在设计一个文字碰碰消游戏，规定"五"和"八"形成"五八"组合碰到一起即会消除，("八五" 不会消除)。

例如 "五八", "五八五八", "五五八八"。说明: "五五八八" 是内层的"五八"碰在一起消除后，外层的"五八"会碰在一起消除。

帮帮同学想知道n个"五"和"八"组成的字符串中，有多少种组合可以满足消除为空字符串。

现为帮帮同学设计一个方法，输入整数n，表示"五"和"八"的数量，返回n个"五"和n个"八"组成的字符串中，满足消除为空字符串的组合数。

58同城2021校招笔试-前端

题型介绍

以下代码输出console.log([1,2,3,4,5].splice(...

root元素的高(通过getComputedStyle(root).hei...

假定某次上线，1小时内出bug的概率为50%，那么3小时内出bug的概率是？

以下代码执行返回？parseInt('0x111')

下边关于https描述正确的是:

下边关于XSS描述正确的是

以下运行结果:for(vari=0i<10i++){setTim...

在跨域请求中，下列请求头中哪种content-type一定会触发cors预检查

下面代码输出结果正确的是functionSetcount(count){t...

关于position定位，下列说法正确的是

请选择console打印的正确值Object.prototype.foo=...

请选择正确的输出结果varbar=[1,2,3]for(variinba...

下列哪个属性不会引起浏览器重排（reflow）:

关于javascript，以下选项描述错误的是

下列关于js事件的描述中，正确的有

css中哪些属性可以继承

BFC（BlockFormattingContext）格式化上下文，是We...

下列会导致页面回流reflow的操作有

关于position定位，下列说法正确的是（）

请选择结果为真的表达式

统计一个字符串出现最多的字母

查找字符串中的最长公共前缀

五八文字碰碰消