2019年腾讯最新前端工程师面试题(附答案)

一、单选题

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 删除

产品经理期望管理员点击“删除”按钮时可以删除某个用户，关于实现该功能哪些描述是正确的：

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、