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

时间:2019-11-19
本文章向大家介绍2019年网易前端工程师面试题及答案解,主要包括2019年网易前端工程师面试题及答案解使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

二、多选题(共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

原文地址:https://www.cnblogs.com/xsd1/p/11891967.html