58同城19秋招Web前端题!答案自己百度过应该没太大问题
下面关于类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
以下哪个http的header属性与缓存无关()
A: Accept
B: Cache-Control
C: Etag
D: Expires
5. [单选]
以下哪个http的header属性与缓存无关()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固定宽度100px,B根据屏幕宽度自适应,如下图。
<div class="wrap">
<div class="A"></div>
<div class="B"></div>
</div>
12. [问答]
请简述position的absolute与fixed共同点与不同点
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集团##笔试题目##秋招##前端工程师##前端##百度#