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

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

web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）

另外这是小编做的视频希望可以帮助到你：

『HTML+CSS』漂亮小姐姐教你制作暗黑破坏神网页开发：BV1C54y1X7ro

前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4

给想学编程又无从下手的小白一些建议：BV1Zf4y117ji

「HTML+CSS」实现妙笔千山播放器制作（思路讲解＋代码+成品效果）！：BV18p4y1Q7Y1

前端面试，跳槽必刷200+真面试题，让你披荆斩棘走进大厂：BV1bz4y1d7Ys

十年前端：为你讲解前端之路：BV1L541147hW

人美声甜的小姐姐教你用HTML实现B站滚动条导航哦！：BV1Bk4y1k7XF

前端小白们人美声甜的小姐姐教你如何制作浪漫的火花爱心520表白成功：BV1tf4y1U7sZ

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

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

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

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

参考答案：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()); <span style="color:rgb(0,128,0);">//浏览器当前窗口可视区域高度</span>alert($(document).height()); <span style="color:rgb(0,128,0);">//浏览器当前窗口文档的高度</span>alert($(document.body).height());<spanstyle="color: rgb(0,128,0);">//浏览器当前窗口文档body 的高度</span>alert($(document.body).outerHeight(<spanstyle="color:rgb(0,0,255);">true</span>));<span style="color:rgb(0,128,0);">//浏览器当前窗口文档body 的总高度包括border padding margin </span>alert($(window).width()); <span style="color:rgb(0,128,0);">//浏览器当前窗口可视区域宽度</span>alert($(document).width());<span style="color:rgb(0,128,0);">//浏览器当前窗口文档对象宽度</span>alert($(document.body).width());<spanstyle="color: rgb(0,128,0);">//浏览器当前窗口文档body 的高度</span>alert($(document.body).outerWidth(<spanstyle="color:rgb(0,0,255);">true</span>));<span style="color:rgb(0,128,0);">//浏览器当前窗口文档body 的总宽度包括border padding margin </span>

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

用户1 <button data-id="1">删除</button>

- 用户2 <button data-id="2">删除</button>

- 用户3 <button data-id="3">删除</button>- 用户4 <button data-id="4">删除</button>

- 用户5 <button data-id="5">删除</button>

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、<meta>

B、<link>

C、<title>

D、<script>16.下面符号中，不属于JavaScript 运算符的是（）

A、$#

B、&&

C、==

D、=

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

A、嵌入式

B、索引式

C、外部式

D、内联式

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

19.JS 闭包使用场景，错误的是（）

A、迭代器

B、生成器C、数据缓存

D、释放内存

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

A、active hover focus

B、foucs hover active

C、hover active foucus

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

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

A、`p`

B、`span`

C、`canvas`

D、`label`

E、`img`

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

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

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

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

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

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

<div

class="box"> <div> YY </div> <p> 1231</p><

/div>

HTML

A、.box p

B、.box > p

C、.box + p

D、.box,p

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

A、cookie

B、localStorageC、session

D、userData

参考答案：A,B,D

答案解析：

**浏览器端：**

cookie

WebStorage(localStorage、sessionStorage)

userData

indexedDB

**服务器端：**

session

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 220,137评论 6赞 511
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 93,824评论 3赞 396
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 166,465评论 0赞 357
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 59,131评论 1赞 295
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 68,140评论 6赞 397
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,895评论 1赞 308
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,535评论 3赞 420
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 39,435评论 0赞 276
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,952评论 1赞 319
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,081评论 3赞 340
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,210评论 1赞 352
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,896评论 5赞 347
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,552评论 3赞 331
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,089评论 0赞 23
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,198评论 1赞 272
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 48,531评论 3赞 375
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 45,209评论 2赞 357