经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 其他 » 职业生涯 » 查看文章
腾讯2019年前端工程师面试题和答案解析
来源:cnblogs  作者:jackaxi  时间:2019/10/8 9:14:28  对本文有异议

一、单选题(共21题,每题5分)

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

A、eq(index)

B、find(expr)

C、siblings([expr])

D、next()

参考答案:C

答案解析:

jQuery siblings() 方法 ----------------------

siblings() 方法返回被选元素的所有同胞元素。

下面的例子返回

的所有同胞元素: ### 实例

 

 

您也可以使用可选参数来过滤对同胞元素的搜索。

下面的例子返回属于

的同胞元素的所有
元素:

实例

 

 


jQuery next() 方法 ------------------

next() 方法返回被选元素的下一个同胞元素。

该方法只返回一个元素。

下面的例子返回

的下一个同胞元素: ### 实例

 

 

 

jQuery find() 方法
 

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

下面的例子返回属于

后代的所有 元素: ### 实例

 

2.以下不是RDBMS的是()

A、mysql

B、postgreSql

C、oracle

D、hadoop

参考答案:D

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

(加入群677079770获取更多面试题答案和学习资料。)

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、<div style="float:left">文本标题</div> <div style="float:right">图标</div>

B、<div>文本标题</div> <div>图标</div>

C、<div style="display:box;">文本标题</div> <div style="display:box">图标</div>

D、<div style="float:left">文本标题</div> <div style="float:left">图标</div>

参考答案:A

(加入群677079770获取更多面试题答案和学习资料。)

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

答案解析:

 

12.如下 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、主要解决接口选择的问题

参考答案:B

答案解析:主要解决接口选择的问题 定义一个创建对象的接口,让其子类自己决定实例化哪一个工厂类,工厂模式使其创建过程延迟到子类进行 创建过程在其子类执行

 

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

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

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

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

D、IE盒子模型中:盒子总宽度 = width

参考答案:A

答案解析:

 

 

15.head 标签中必不少的是( )

head 标签中必不少的是( )

A、<meta>

B、<link>

C、<title>

D、<script>

参考答案:C

答案解析:<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。

<title> 定义文档的标题,它是 head 部分中唯一必需的元素。

但是,没有 A 会乱码的。

 

16.下面符号中,不属于JavaScript运算符的是()

A、$#

B、&&

C、==

D、=

参考答案:A

答案解析:$# ,JavaScript目前没这个运算符

 

17.在HTML页面中,插入CSS样式表的形式不包括()

A、嵌入式

B、索引式

C、外部式

D、内联式

参考答案:B

答案解析:

略。

 

18.下列 html 元素当中,都属于块级元素的是

A、h3,ul,form,table,p

B、h2,table,ul,a,input

C、p,ul,form,div,strong

D、div,p,h1,table,span

参考答案:A

答案解析:

 

 

19.JS闭包使用场景,错误的是()

A、迭代器

B、生成器

C、数据缓存

D、释放内存

参考答案:D

答案解析:

闭包会增加内存使用而不是释放

 

20.把鼠标移到按钮并点击时,会产生一串什么样的事件?

A、active hover focus

B、foucs hover active

C、hover active foucus

D、hover focus active

参考答案:D

答案解析:hover -> focus -> active

悬停 -> 聚焦 -> 响应

 

21.下面正则表达式匹配哪个字符串?

re = /(?<=z)abc(?=:)/

A、z:abc:z

B、:abcz

C、zabc:

D、:zabc

参考答案:C

答案解析:(?<=z) 表示 匹配以(z)开头的字符串,并且捕获(存储)到分组中

(?=:)表示 匹配以(:)结尾的字符串,并且捕获(存储)到分组中

二、多选题(共8题,每题5分)

1.关于Web 语义化的说法,正确的有?

A、语义化的含义就是用正确的标签做正确的事情

B、语义化让页面的内容结构化,结构更清晰

C、语义化便于对浏览器、便于代码阅读、便于维护

D、语义化便于SEO, 页面中多放置一些H1标签,会提高网页的排名

参考答案:A,B,C

答案解析:h1拥有最高的权值,在一个页面中最好指使用1个h1来突出你的内容,太多的h1会分散其整个页面的权重,对搜索引擎也是非常的不友好。

 

2.JavaScript中==运算符的说法正确的有?

A、如果两个值类型相同,按照===比较方法进行比较

B、如果其中一个值是null,另一个是undefined,它们相等

C、如果一个值是数字另一个是字符串,将字符串转换为数字进行比较

D、如果一个值是对象,另一个是数字或字符串,将对象转换为原始值然后用==规则继续比较

参考答案:A,B,C,D

答案解析:

==运算符判断相等的流程是怎样的

如果两个值类型相同,按照===比较方法进行比较
如果类型不同,使用如下规则进行比较
如果其中一个值是null,另一个是undefined,它们相等
如果一个值是数字另一个是字符串,将字符串转换为数字进行比较
如果有布尔类型,将true转换为1,false转换为0,然后用==规则继续比较
如果一个值是对象,另一个是数字或字符串,将对象转换为原始值然后用==规则继续比较
其他所有情况都认为不相等
  

3.给定一个正则表达式,请选择它能匹配成功的项。 ( ) re = /^[aeiou]*d$/

A、d

B、aeioud

C、uoiead

D、aaad

参考答案:A,B,C,D

答案解析:^表示以某个字符或字符串开头

*表示包含前面字符串0个或多个

$表示以某个字符或字符串结尾

 

4.哪些设计模式是降低资源使用率:

A、prototype

B、singleton

C、flyweight

D、abstract factory

参考答案:B,C

答案解析:首先单例模式肯定降低了资源使用率,保证该类的实例永远只有一个!

原型模式适用于在初始化信息不发生变换的情况,克隆的方法比较适合,主要的目的是避免重新初始化对象,如果后面需要对新对象进行,还需要区分深拷贝和浅拷贝。无论是深拷贝还是浅拷贝只是复制了资源,并没有降低资源使用率。

享元模式(Flyweight): 基于共享技术用于把一些共同的信息(或模块)抽象出来,避免了大量相似类的开销,也降低了资源的使用率。

如Java和C++ 初始化一个string类的信息,以C++为例: string s ="hello"; string p = "hello"。(这个在C++中有问题,容易混淆,特此说明,也有考察C++中string实现的问题。建议用C来描述 char *s = "hello"和char *p = "hello",s和p指向同一个地址),他们其实是一个相同的实例,字符串对象在内存中的共享

答案BC

 

5.以下哪些HTML标签属于行内元素:

A、`p`

B、`span`

C、`canvas`

D、`label`

E、`img`

参考答案:B,D,E

答案解析:

p 、canvas --> 块状元素

span 、img 、label --> 内联元素(行内)

 

6.JavaScript中关于===运算符说法正确的有?

A、如果两个值都是null或者都是undefined,它们相等

B、如果两个值都是布尔类型true或者都是false,它们相等

C、如果其中有一个是NaN,它们不相等

D、如果都是数值型并且数值相等,他们相等, -0等于0

参考答案:A,B,C,D

答案解析:

===运算符判断相等的流程是怎样的
如果两个值不是相同类型,它们不相等
如果两个值都是null或者都是undefined,它们相等
如果两个值都是布尔类型true或者都是false,它们相等
如果其中有一个是NaN,它们不相等
如果都是数值型并且数值相等,他们相等, -0等于0
如果他们都是字符串并且在相同位置包含相同的16位值,他它们相等;如果在长度或者内容上不等,它们不相等;两个字符串显示结果相同但是编码不同==和===都认为他们不相等
如果他们指向相同对象、数组、函数,它们相等;如果指向不同对象,他们不相等

 

7.给定如下HTML代码,以下选择器能选到P元素的是?

 

 

A、.box p

B、.box > p

C、.box + p

D、.box,p

参考答案:A,D

答案解析:略

 

8.常见的浏览器端的存储技术有哪些?

A、cookie

B、localStorage

C、session

D、userData

参考答案:A,B,D

答案解析:

**浏览器端:**

cookie

WebStorage(localStorage、sessionStorage)

userData

indexedDB

**服务器端:**

session

 

 

不定期分享限时内容:(加入群677079770获取更多面试题答案和学习资料。)

 ★腾讯高级PHP工程师笔试题目 

 ★亿级PV高并发场景订单的处理 

 ★laravel开发天猫商城组件服务 

 ★战旗TV视频直播的架构项目实战 

 

 

 

 小米2019年PHP工程师面试题和答案解析

 ★2019年京东PHP工程师面试题和答案解析

 京东2019年前端工程师面试题和答案解析

 网易2019年前端工程师面试题和答案解析

 小米2019年前端工程师面试题和答案解析

 新浪2019年PHP工程师面试题和答案解析

 PHP程序员搜狐2019年面试题和答案解析

 奇虎360PHP工程师2019年面试题和答案解析

 滴滴出行2019年前端工程师面试题和答案解析

 2019年滴滴出行PHP工程师面试题和答案解析

 阿里巴巴2019年前端工程师面试题和答案解析

 PHP程序员2019年阿里巴巴面试题和答案解析

腾讯2019年前端工程师面试题和答案解析

2019年腾讯PHP工程师面试题和答案

 


 

 

原文链接:http://www.cnblogs.com/993089249a/p/11612660.html