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

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

打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)

 

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 题,每题分)

1.请选出正确的答案

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

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

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

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

参考答案:B,C,D

答案解析:

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

下列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

 

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页