腾讯2020前端面试题含答案解析

需要更多的面试题点击下面链接查看，有很多：

打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）

 

1 在jquery 中想要找到所有元素的同辈元素，下面哪一个是可以实现的？

A、eq(index)

B、find(expr)

C、siblings([expr])

D、next()

参考答案：C

答案解析：

jQuery siblings() 方法----------------------siblings() 方法返回被选元素的所有同胞元素。下面的例子返回的所有同胞元素：### 实例$(document).ready(function(){$("h2").siblings();});

您也可以使用可选参数来过滤对同胞元素的搜索。下面的例子返回属于的同胞元素的所有元素：实例

$(document).ready(function(){

$("h2").siblings("p");

});

jQuery next() 方法------------------next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。下面的例子返回的下一个同胞元素：### 实例

$(document).ready(function(){

$("h2").next();

});

jQuery find() 方法find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

下面的例子返回属于后代的所有元素：### 实例

$(document).ready(function(){

$("div").find("span");

});

2.以下不是RDBMS 的是()

A、mysql

B、postgreSql

C、oracle

D、hadoop

参考答案：D

答案解析：RDBMS 是SQL 的基础，同样也是所有现代数据库系统的基础，比如MS SQL Server, IBM DB2, Oracle,MySQL 以及Microsoft Access。hadoop 是分布式数据库

3.JavaScript 的基本组成不包括以下()选项

A、DOM

B、BOM

C、ECMAScript

D、jQuery参考答案：D

答案解析：jQuery 是javascript 写的类库。JavaScript 的三个主要组成部分是：ECMAScript(核心)，DOM（文档对象模型），BOM（浏览器对象模型）。

4.对于border-radius 标签，说法错误的是对于border-radius，说法错误的是

A、表示圆角边框

B、IE8 支持良好

C、IE9 支持良好

D、firefox 支持良好

参考答案：B

答案解析：Internet Explorer 9+ 支持border-radius 和box-shadow 属性。Firefox 、Chrome 以及Safari 支持所有新的边框属性。注释：对于border-image ，Safari 5 以及更老的版本需要前缀-webkit- 。Opera 支持border-radius 和box-shadow 属性，但是对于border-image 需要前缀-o-![]5.在做移动开发的时候，页面上显示了一个数据列表，要求在页面的左侧显示数据的标...在做移动开发的时候，页面上显示了一个数据列表，要求在页面的左侧显示数据的标题，右侧显示一张导航图标，该怎么来做（）

A、

文本标题

图标

B、

文本标题

图标

C、

文本标题

图标

D、

文本标题

图标

参考答案：A

6.关于JQuery 的属性操作方法，下面描述错误的是：（）

A、addClass( ) ：向匹配的元素添加指定的类名

B、val( )：设置或返回匹配元素的值

C、html( ): 设置或返回匹配的元素集合中的HTML 内容

D、removeAttr( ): 设置或返回匹配元素的属性和值

参考答案：D答案解析：暂无

7.下到关于DoS 攻击的描述中，错误的是？

A、DoS 攻击通常通过抑制所有或流向某一特定目的端的消息，从而使系统某一实体不能执行其正常功能，产生服务拒绝

B、DoS 攻击不需入目标系统，仅从外部就可实现攻击

C、只要软件系统内部没有漏洞，DoS 攻击就不可能成功

D、死亡之Ping、Land 攻击、UDP 洪水、Smurf 攻击均是常见的DoS 攻击手段

参考答案：C

答案解析：服务拒绝：当一个实体不能执行它的正常功能，或它的动作妨碍了别的实体执行它们的正常功能的时候，便发生服务拒绝。这种攻击不一定需要目标系统存在漏洞，如UDP 洪水。

8.在面向对象软件开发过程中，采用设计模式（）。

A、允许在非面向对象程序设计语言中使用面向对象的概念

B、以复用成功的设计和体系结构

C、以减少设计过程创建的类的个数

D、以保证程序的运行速度达到最优值参考答案：B

答案解析：B。

设计模式的出现就是为了代码复用，增加可维护性。

9.Java 的核心包中，提供编程应用的基本类的包是（）。

A、java．lang

B、java．util

C、java．applet

D、java．rmi

参考答案：A

答案解析：暂无

10.下列media queries 的定义方式中，哪一个是适配iphone6s 的？

A、．@media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){}

B、．@media(min-device-width:414px)and(max-device-width:736px)and(-webkit-min-device-pixel-ratio:3){}

C、@media only screen and(min-device-width:320px) and(max-device-width:480px) and(-webkit-device-pixel-ratio:2){}

D、@media only screen and(min-device-width:320px) and(max-device-width:568px) and(-webkit-min-device-pixel-ratio:2){}

参考答案：A

答案解析：不要纠结选择A 或者选择B 了主要是在-webkit-min-device-pixel-ratio:2 这个属性想知道的去看看这边文章（解释是对的，但是这上面的设备像素比率有错）iPhone6s 是2 而plus 是3 设备像素比率看这个min-device-width 这个标签和我们平时写的也有min-width 的区别我也学到了好好学习哈哈哈

11.在jquery 中，如果想要获取当前窗口的宽度值，下面哪个是实现该功能的？

A、width()

B、width(val)C、width

D、innerWidth()

参考答案：A

答案解析：

alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body 的高度alert($(document.body).outerHeight(true));//浏览器当前窗口文档body 的总高度包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度alert($(document).width());//浏览器当前窗口文档对象宽度alert($(document.body).width());//浏览器当前窗口文档body 的高度alert($(document.body).outerWidth(true));//浏览器当前窗口文档body 的总宽度包括border padding margin

12.如下HTML 代码展示了一个用户列表：-

用户1 删除

- 用户2 删除

- 用户3 删除- 用户4 删除

- 用户5 删除

HTML

产品经理期望管理员点击“删除”按钮时可以删除某个用户，

关于实现该功能哪些描述是正确的：

A、首先需要为每个button 元素绑定点击事件：$('button').on('click', removeUser);

B、通过点击时间获取用户的ID：$(e.target).attr("data-id");

C、将列表项从页面上删除之前，需要先调用后端API，$.delete('/delete/user/xxx').then(() => { // 将用户从页面上移除})

D、在单页应用中，如果动态添加一条新的用户记录，需要重新对该记录的删除按钮进行事件绑定。

参考答案：C

答案解析：

13.关于工厂模式，说法错误的是？A、定义一个创建对象的接口，让其子类自己决定实例化哪一个工厂类，工厂模式使其创建过程延迟到子类进行

B、创建过程在其父类执行

C、让其子类实现工厂接口，返回的也是一个抽象的产品

D、主要解决接口选择的问题

14.以下关于盒子模型描述正确的是：

A、标准盒子模型中：盒子的总宽度＝左右margin + 左右border + 左右padding + width

B、IE 盒子模型中：盒子总宽度＝左右margin + 左右border + width

C、标准盒子模型中：盒子的总宽度＝左右margin + 左右border + width

D、IE 盒子模型中：盒子总宽度＝width

15.head 标签中必不少的是（）

head 标签中必不少的是（）

A、

B、

C、