58同城19秋招Web前端题!答案自己百度过应该没太大问题

58同城今年秋招web前端开发的笔试试题,分享给大家,相信很多人都感兴趣吧
1. [单选]

下面关于类class的描述,错误的是:()C
A: JavaScript
的类class本质上是基于原型prototype的实现方式做了进步的封装
B: constructor
构造方法是必须的
C:
如果类的constructor构造方法有多个,后者会覆盖前者
D:
类的静态方法可以通过类名调用,不需要实例化

2. [单选]
以下语句会输出什么?()D
const arr = [10,12];
for (var i=0;i<arr.length;i++){
setTimeout(function(){
console.log(arr[i];

},3000);

A: 10,12

B: 12,12

C: 12, undefined

D: undefined, undefined

3. [单选]B

页面中有一个DOM元素: <span id="welcome" class= "line > hello world!< /span>,其对应的鲜式定义为: .line( color: red; ) #welcome{color, blue;) span(color. green)请问页面上显示的文字顾色是()

A: red

B: blue

C: green

D: black

4. [单选]A
以下哪个httpheader属性与缓存无关()
A: Accept
B: Cache-Control
C: Etag
D: Expires

5. [单选]
以下哪个httpheader属性与缓存无关()A
A: Accept
B: Cache-Control
C: Etag
D: Expires

6. [单选]
let a =[1,2,3];
下列哪个表达式不会改变a自身( )A
A: a.slice(1,1)
B: a.push(1)
C: a.unshift(1)
D: a.splice(1,1)

7. [单选]
现定义两个变量:consta=1,b={‘a':1},请问以下哪项操作不会报错()D
A: a=2
B: a=b
C: b=a
D: b.a=2

8. [单选]
URL
http://bj.58.com/house.shtml?PGTID=123&ClicklD=2#top的页面,下面哪个属性可以返回/house.shtml ()B
A: location.host
B: location,pathname
C: location.href
D: location..hash

9.. [单选]
下面哪项返回true ()A
A:  typeof null==='object’
B: 5+'3'===8
C: 0==='0'
D: Math.floor(1.1)=== 2

10. [単选]

以下语句会输出什幺? ()C

var salary = "1000";

(function () {

console.log(salary);

var salary = " 5000";

console.log(salary);

})();

A: 1000, 5000
B: 5000, 5000
C: undefined, 5000
D: undefined, undefined

11. [问答]
请用至少3种方法实现下列布局,A固定宽度100pxB根据屏幕宽度自适应,如下图。
<div class="wrap">
<div class="A"></div>

<div class="B"></div>

</div>

12. [问答]
请简述positionabsolutefixed共同点与不同点

14. [向答]
请列挙三种以上将字符串"12"转换成数字12的办法。

15. [向答]

小强同学幵发的页面,因カ加载速度太慢受到了鄙视,,作カ小强的好友,你可以给小强支几招吗? (至少5)

16. [问答]
小明同学在本地起服务开发一个功能,地址是http://lcalhost:3000,当他在浏览器中调用另-个接口时(地址为http://localhost:3200),却无法调用成功,作为小明的好友,你能猜到其中的原因并给出几种解决方案吗?

17. [问答]
根据下图所示,请设计一个合理的数据结构(JSON格式)能包含下面原型图中的信息

let house={/*code*/};

18. 问答

小明开发的下拉列表组件,要求根据后端返回的数据${性别}_${姓名}_${年龄}生成用户列表,点击该列表弹出用户数据。但由于后端接口历史悠久,返回的数据并不标准。比如"null_nunu_18",这种数据并没有性别,需要过滤掉,小明的实现函数如下,但该代码并不能正常运行,请帮小明修改以下代码在下面空白处写出修正后的代码(要求在原代码的逻辑上修改) .井注释修改的原因

var arr=[null_nunu_18","girl_jiujiu_26","boy_jrry_18","j6_joynull_17"]bindDom(arr);
var bindDom=function(array){
var len=array.length
for(var i=0;i<=len;i++) {
item=array[i];
if(/null_/.test(item)||item==="){
array=array.splice(I,1);

}

}
var ul=document.getElementByld("myul"); for(var i=0;i<array.length;i++){
var dom='<li>’+ array[i]+’</li>’;

dom.click=function(){
alert("
当前选择了用户:"+array[i])
}

ul.append(dom)

}

}

19. 实现下面对象A的数据结构到对象B的数据结构的转换(请完成code部分)

var A= [{

_id: 1,

parent: null,

children: [

{_id: 2, parent: 1, children: [{_id: 4, parent:2}]}

{_id: 3, parent: 1, children; [{ _id: 5, parent 3 }]}

]

}]

var B=[

{_id:1},.

{id:2,parent:1},

{ id: 3, parent: 1}

{ id: 4, parent:2},

{ id: 5, parent:3}

]

function parse(arr) {

var result= [];

// code ...

return result;

}

console. Log(JSON. Stringify(A));//B

#58集团##笔试题目##秋招##前端工程师##前端##百度#
全部评论

相关推荐

点赞 20 评论
分享
牛客网
牛客企业服务