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

时间 2019-11-19

标签 2019年网易前端工程师面试答案栏目快乐工作繁體版

原文原文链接

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

A、paddingcss

B、marginhtml

C、border前端

D、contentjava

参考答案：Ajquery

答案解析：- **Margin(外边距)** - 清除边框外的区域，外边距是透明的。 - **Border(边框)** - 围绕在内边距和内容外的边框。 - **Padding(内边距)** - 清除内容周围的区域，内边距是透明的。 - **Content(内容)** - 盒子的内容，显示文本和图像。 - Margin --------angularjs

margin清除周围的元素（外边框）的区域。margin没有背景颜色，是彻底透明的ajax

-编程

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">C

width - 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>Data 2</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代码，该代码在网页执行结果弹出结果为？va

r 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

参考答案：C

答案解析：

值

描述

none

此元素不会被显示。

block

此元素将显示为块级元素，此元素先后会带有换行符。

inline

默认。此元素会被显示为内联元素，元素先后没有换行符。

inline-block

行内块元素。（CSS2.1 新增的值）

list-item

此元素会做为列表显示。

run-in

此元素会根据上下文做为块级元素或内联元素显示。

compact

CSS 中有值 compact，不过因为缺少普遍支持，已经从 CSS2.1 中删除。

marker

CSS 中有值 marker，不过因为缺少普遍支持，已经从 CSS2.1 中删除。

table

此元素会做为块级表格来显示（相似），表格先后带有换行符。

inline-table

此元素会做为内联表格来显示（相似），表格先后没有换行符。）。）。）。）。）。）

）
table-row-group	此元素会做为一个或多个行的分组来显示（相似
table-header-group	此元素会做为一个或多个行的分组来显示（相似
table-footer-group	此元素会做为一个或多个行的分组来显示（相似
table-row	此元素会做为一个表格行显示（相似

table-column-group	此元素会做为一个或多个列的分组来显示（相似
table-column	此元素会做为一个单元格列显示（相似
table-cell	此元素会做为一个表格单元格显示（相似	和	）
table-caption	此元素会做为一个表格标题显示（相似
inherit	规定应该从父元素继承 display 属性的值。
table-row	此元素会做为一个表格行显示（相似
table-column-group	此元素会做为一个或多个列的分组来显示（相似

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

参考答案：A

答案解析：JS的switch使用的“ === ”运算符

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来选择要使用的呈现方法

2、多选题（共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

参考答案：A,B,D

答案解析：（1）可读性方面：基本相同，XML的可读性比较好；（2）可扩展性方面：都具备良好的扩展性；（3）编码难度方面：相对而言，JSON的编码比较容易；（4）解码难度：JSON的解码难度基本为零，XML须要考虑子节点和父节点；（5）数据体积方面：JSON相对于XML来说，数据体积小，传递的速度比较快；（6）数据交互方面：JSON与javascript的交互更加方便，更容易解析处理，更好的数据交互；（7）数据描述方面：XML对数据描述性比较好；（8）传输速度方面：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、nav

E、viewport

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

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

B、增长图片信息重复度，提升压缩比，减小图片大小

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

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

11.input元素的 type 属性的取值能够是（）

A、image

B、checkbox

C、select

D、button

欢迎一块儿进群探讨和交流学习哦：907694362