2020网易前端面试题含答案解析

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

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

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

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

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

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

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

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

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

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

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

1.CSS 盒子模型中（）是透明的，这部分可以显示背景（）

A、padding

B、margin

C、border

D、content

参考答案：A

答案解析：- **Margin(外边距)** - 清除边框外的区域，外边距是透明的。- **Border(边框)** - 围绕在内边距和内容外的边框。- **Padding(内边距)** - 清除内容周围的区域，内边距是透明的。- **Content(内容)** - 盒子的内容，显示文本和图像。- Margin --------margin 清除周围的元素（外边框）的区域。margin 没有背景颜色，是完全透明的-Padding（填充）------------- 当元素的Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。

2.通常我们在浏览器内容区看到的内容，都是放入在() 之间

A、<!doctype html>

B、<html></html>

C、<head></head>

D、<body></body>

参考答案：D

答案解析：

A 答案是声明文档类型。

B 答案是整个html 文件。

C 答案是网页标题，在浏览器顶部显示、

D 答案是网页的主体部分，即浏览器的内容区域。

所以答案是D。

html 文件结构如下>网页名称，头部网页主体内容，浏览区域

3.关于HTML 语义化，以下哪个说法是正确的？

A、语义化的HTML 有利于机器的阅读，如PDA 手持设备、搜索引擎爬虫；但不利于人的阅读

B、Table 属于过时的标签，遇到数据列表时，需尽量使用div 来模拟表格

C、语义化是HTML5 带来的新概念，此前版本的HTML 无法做到语义化

D、header、article、address 都属于语义化明确的标签

参考答案：D

答案解析：关于html 语义化的一些参考</http:>

4.以下位于head 间的代码片段是做什么用的？

<meta name="viewport"content="width=device-width,initial-scale=1">

HTML

A、使得页面编码合乎要求

B、表示支持响应式设计

C、支持正常的绘制和缩放

D、表示针对滚屏进行适当的适配

参考答案：B

答案解析：<pre class="best-text mb-10">Cwidth - viewport 的宽度height - viewport 的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例user-scalable - 用户是否可以手动缩放

5.下列定义的css 中，哪个权重是最低的？

A、#game div.name

B、#game .name

C、#game div

D、#game .name span

参考答案：C

答案解析：最高赞的答案并不准确。优先级是：内联样式>id 选择器> 类选择器= 属性选择器= 伪类选择器>标签选择器= 伪元素选择器。多个选择器组合的时候，不应该简单地给这些选择器分配权值，然后相加比较大小。因为上面所说的优先级是不能越级的，比方说1 个id 选择器能顶你n 个类选择器...所以要逐级比较，同级的就比较数量，数量多的优先级高。当然，!important 的优先级最高。

6HTTP 的缺点与HTTPS

A、通信使用明文不加密，内容可能被窃听

B、不验证通信方身份，可能遭到伪装

C、无法验证报文完整性，可能被篡改

D、HTTPS 就是HTTP 加上加密处理（一般是SSL 安全通

信线路）+认证+完整性保护

参考答案：A

答案解析：abcd 都对

7.关于angularjs 说法，错误的是关于angularjs1 说法，错误的是

A、前端mvc，极大降低前端开发的耦合B、极大的丰富了dom 操作

C、实现了数据双向绑定

D、实现了依赖注入

参考答案：B

答案解析：Angular 大大减少了对DOM 的访问。jQuery极大的丰富了DOM 操作

8.下面的HTML 代码中符合规范的是？

A、<ul> <ol> <li>item 1</li> </ol> </ul>

B、<table> <tr> <td>Data 1</td> <td>Data2</td> <tr> </table>

C、<p> <ul> <li>Item 1</li> </ul> </p>

D、<a href="/"> <p>Some Text</p> </a>

参考答案：D

答案解析：略

9.请问以上程序的输出是（）

function

Foo(){

var i=0;return function(){

document.write(i++);

}}var f1=Foo(),

f2=Foo();f1();f1();f2();

JavaScript

请问以上程序的输出是（）

A、010

B、012

C、000

D、011

参考答案：A

答案解析：

1.当函数被创建时，内部[scope]属性被存储，在这个属性中保存一个包含全局变量对象的作用域链。

2.当函数被调用时，会创建一个执行环境及相应的作用域链，argument 和实参为其进行初始化。这里f1()函数和f2()函数在调用时会创建两个执行环境，保存各自的变量对象，结果是没有关系的。而同一个函数在多次调用时返回值会被保存在同一个变量对象中。

10.网页执行以下JavaScript 代码，该代码在网页执行结果弹出结果为？

var course = ['Java', 'JSP', 'Oracle', 'Spring'];course[10] = 'jQuery';course.push('PHP');alert(course.length);JavaScript

A、0

B、6

C、11

D、12

参考答案：D答案解析：数组的length 属性总是比数组中定义的最后一个元素的下标大1

11.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度

A、display:inline

B、display:none

C、display:block

D、display:inherit

12.如下代码执行后在控制台将输出哪些字母？

swi

tch (true) {

case 1:

console.log('A')

case ['']:

console.log('B')case 'true':

console.log('C')

default:

console.log('D')}

JavaScript

A、A: D

B、B: A, B, C, D

C、C: B, C

D、D: A, D

13.请问以下选项（）不能够正确的实现下面描述的功能。功能：用jQuery 动态地向页面的body 添加一个div 标签；同时做到，当我单击动态添加的div 时，能够把div 里面的文本内容弹出来。

A、$(function() {$(".clickme").click(function() {alert($(this).html());});$("body").append("新添加的元素");});

B、$(function() {$("body").append("新添加的元素");$(".clickme").click(function() {alert($(this).html());});});

C、$(function() {$("body").append("新添加的元素");$(".clickme").live("click", function() {alert($(this).html());});});

14.以下全部属于块级标签的是？

A、<div><p><input><span><img>

B、<div><h1><p><img><dl>

C、<span><h1><p><img><dl>

D、<div><p><form><ul><h1>

15.在html 中，下列哪个标签可以创建一个下拉菜单？

A、<dropdown ><select >baidu</select></dropdown>

B、<select><dropdown>baidu</dropdown></select>

C、<select><option>baidu</option></select>

D、<option><select>baidu</select></option>

16.标记符title 是放在以下哪个标记符之间的？（）

A、html 与html

B、head 与head

C、body 与body

D、head 与body.

17.在jquery 中想要实现通过远程http get 请求载入信息功能的是下面的哪一下事件？

A、$.ajax()

B、load(url)

C、$.get(url)

D、$. getScript(url)

18.层叠样式表CSS 的英文单词全称是（）

A、Colorful Style Sheet

B、Cascade Style Sheet

C、Creative Style sheet

D、Computer Style Sheet

19.下面有关HTML 的Doctype 和严格模式与混杂模式的描述，错误的是？

A、声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档

B、在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示

C、DOCTYPE 不存在或格式不正确会导致文档以标准模式呈现

D、浏览器根据DOCTYPE 是否存在以及使用的哪种DTD来选择要使用的呈现方法

如果你现在正在纠结是否继续学前端，如果你害怕半

途而废不知道从何开始，如果你觉得这篇文章对你还是有很

二、多选题（共11 题，每题5 分）

1.请选出正确的答案

A、一个id 在页面中只能使用一次

B、一个class 可以在一个网页中多次使用

C、ID 和class 都能和javascript 及CSS 一起使用

D、同一个id 或class，都可以在一个网页中出现多次

参考答案：B,C,D

答案解析：

HTML 讲求：发送时严谨，接收时包容，id 唯一规范这个并不是完全硬性的。虽然id 唯一是规范，但是A 答案这种说法，个人觉得不是很正确

2 下列JS 框架中，系列不包含开箱即用的UI 控件和小部

件的是（）

A、MooTools

B、ExtJS

C、jQuery

D、YUI

参考答案：A,C答案解析：

A、C

http://www.w2bc.com/article/138643.

3.下列哪些是预编译css 工具

A、less

B、sass

C、bass

D、stylus

参考答案：A,B,D

答案解析：CSS 预编译工具有stylus，sass，less 为什么会出现CSS 预编译器这个东西呢？这就要谈到CSS 的不足了：没有变量(新的规范已经支持了)，不支持嵌套，编程可以力较弱，代码复使用性差。这些不足导致写出来的CSS维护性极差，同时包含大量重复性的代码；为了弥补这些不足之处，CSS 预编译器应运而生。而谈到CSS 预编译器，就离不开这三剑客Sass、Less、Stylus。历史上，最先登场的是Sass，由于出现最早，所以也是最完善的，有各种丰富的功可以；Less 的出现伴随着Bootstrap 的流行，因而也取得大量使用户；最后是Stylus，由TJ 大神开发(敬大神)，因为其简洁的语法，更像是一门编程语言，写起来非常Cool。所以下面我们来做一个简单的比照。

4.请选出所有的置换元素（）

A、img

B、input

C、textarea

D、select

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

答案解析：

a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。

例如：浏览器会根据![]()标签的src 属性的值来读取图片

信息并显示出来，而如果查看(x)html 代码，则看不到图片的实际内容；标签的type 属性来决定是显示输入框，还是单选按钮等。(x)html 中的![]()、、置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。b) 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。例如：label 中的内容标签是一个非置换元素，文字label中的内容”将全被显示。

5.关于XML 和JSON 区别的描述正确的是

A、JSON 相对于XML 来讲，数据的体积小，传递的速度更快些

B、JSON 与JavaScript 的交互更加方便，更容易解析处理，更好的数据交互

C、JSON 对数据的描述性比XML 较好

D、JSON 的速度要远远快于XML

6.可以包含在HTML 网页head 标签中的有

A、<title>

B、<meta>

C、<body>

D、<link>7.在前端开发过程中使用use strict 模式的目的是什么？

A、消除Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为

B、消除代码运行的一些不安全之处，保证代码运行的安全

C、提高编译器效率，增加运行速度

D、为未来新版本的Javascript 做好铺垫

8.去掉文本超级链接的下划线，下列正确的是（）

A、{underline:noen}

B、{text-decoration:no underline}

C、{text-decoration:none}

D、{decoration:no underline}

9.下列属于HTML5 新元素的是____。

A、header

B、footer

C、section

D、navE、viewport

10.关于css sprite 的说法，正确的有？

A、减少HTTP 请求数，极大地提高页面加载速度

B、增加图片信息重复度，提高压缩比，减少图片大小

C、维护方便，修改一个图片不需要重新布局整个图片，样式

D、更换风格方便，只需在一张或几张图片上修改颜色或样式即可实现

11.input 元素的type 属性的取值可以是（）

A、image

B、checkbox

C、select

D、button

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