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

一、单选题(共19题,每题5分)

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 间的代码片段是做什么用的?

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

B、表示支持响应式设计

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

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

参考答案:B

答案解析:

 

 

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

A、#game div.name

B、#game .name

C、#game div

D、#game .name span

参考答案:C

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

 

6.HTTP的缺点与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>

 

9.请问以上程序的输出是()

请问以上程序的输出是()

A、010

B、012

C、000

D、011

 

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


A、0

B、6

C、11

D、12

 

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

A、display:inline

B、display:none

C、display:block

D、display:inherit

参考答案:C

答案解析:

 

 

 

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

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());});});

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

 

 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>

参考答案:D

答案解析:

 

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,都可以在一个网页中出现多次

 

 

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

A、MooTools

B、ExtJS

C、jQuery

D、YUI

 

  

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

A、less

B、sass

C、bass

D、stylus

 

4.请选出所有的置换元素()

A、img

B、input

C、textarea

D、select

 

 

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

E、viewport

 

 

10.关于css sprite的说法,正确的有?

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

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

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

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

 

 

11.input元素的 type 属性的取值可以是()

A、image

B、checkbox

C、select

D、button

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


1==&gt;简述一下src与href的区别 src用于替换当前元素; href用于在当前文档和引用资源之间确立联系 2==&gt;、谈谈以前端角度出发做好SEO需要考虑什么? a.&#160;了解搜
什么是window对象?什么是document对象? window对象代表浏览器中打开的一个窗口。 document对象代表整个html文档。实际上, document对象是window对象的一个属性
1 》vue-router有哪几种导航钩子? 第一种:是全局导航钩子:router.beforeEach(to,from,next) 第二种:&#160;组件内的钩子 beforeRouteEnter
1=&gt;为什么data是一个函数 【理解】 组件的data写成一个函数, 这样每复用一次组件,就会返回一分新的data。 也就说:给每个组件实例创建一个私有的数据空间。 各个组件维护各自的数据。
01 vue3的新特征 1.组合式API. setUp作为组合函数的入口函数 2.Teleport 传送门 3.片段 template下可以有多个标签 4.用于创建自定义渲染器。我的理解是 creat
// var&#160;arr=[1,2,23,23,4,5,5]; // var&#160;newarr=new&#160;Set(arr);&#160;//去重 // console.log([.
摆好姿势 摆好姿势 如何使下面的等式成立 if(a==1&amp;&amp;a==3&amp;a==5){ console.log(666) } var a=[1,3,5] a.join=a.shif
1=&gt;为什么data是一个函数 【理解】 ok 每复用一次组件,就会返回一分新的data。 也就说:【每个组件实例创建】一个【私有】的数据空间。各个组件维护各自的数据。 如果单纯的写成对象形式,
以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中无法解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正。:) 在网页中,一个元素占有空间
1 Action是不是线程安全的?如果不是 有什么方式可以保证Action的线程安全?如果是,说明原因不是声明局部变量,或者扩展RequestProcessor,让每次都创建一个Action,或者在s
解决js兼容性问题使用 event对象 function eventHandler(event) { event = event || window.event} 获取滚动条属性 var scrollTop = document.documentElment.scrollTop || document.body.scrollTop
浏览器的内核 IE: trident内核,Firefox:gecko内核,Safari:webkit内核,Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核,Chrome:Blink(基于webkit,Google与Opera Software共同开发) HTML中的Doctype有什么作用 此标签可告知浏览器文档使用哪种HTML或XHTML规范。(重点:告诉浏览器按照何种规范解析页面) div+css的布局较table布局有什么...
如何创建函数第一种(函数声明): function sum1(num1,num2){ return num1+num2; } 第二种(函数表达式): var sum2 = function(num1,num2){ return num1+num2; } 第三种(函数对象方式): var sum3 = new Function("num1","num2","return num1+num2");三种弹窗的单词以及三种弹窗的功能1.alert //弹出对话框并输出一段提示信...
js的垃圾回收机制是什么原理垃圾回收机制有两种方法第一种是标记清除法:当变量进入执行环境时,就标记这个变量为”进入环境”,当变量离开环境的时候,则将其标记为”离开环境”,垃圾收集器在运行的时候会给储存在内存中的所有变量都加上标记,然后它会去掉环境中的标量以及被环境中的变量引用的标记,而在此之后再被加上标记的变量将被视为准备删除的变量,原因是环境中的变量已经无法访问到这些变量了,最后,垃圾收集器完成内存清除工作,销毁那些带标记的值,并回收他们所占用的内存空间 第二种是引用计数法:当声明了一个变量并将
Ajax 是什么? 如何创建一个Ajax?AJAX全称是Asychronous JavaScript And Xml(异步的 JavaScript 和 XML)它的作用是用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对ajax的原生支持其主要通过XMLHttpRequest(标准浏览器)、ActiveXObject(IE浏览器)对象实现异步通信效果实现方式(gitee上的案例):
谈一谈let与var和const的区别let为ES6新添加申明变量的命令,它类似于var,但是有以下不同: let命令不存在变量提升,如果在let前使用,会导致报错let暂时性死区的本质,其实还是块级作用域必须“先声明后使用”的性质,let 暂时性死区的原因:var 会变量提升,let 不会。let,const和class声明的全局变量不是全局对象的属性const可以在多个模块间共享const声明的变量与let声明的变量类似,它们的不同之处在于,const声明的变量只可以在声明时赋值,不可
解释一下为何[ ] == ![ ] // ---&gt; true首先看一张图![ ] 是 false原式:[ ] == false根据第八条,false通过tonumber()转换为0原式:[ ] == 0根据第十条,[ ]通过ToPrimitive()转换为' '原式:' ' == 0根据第六条原式:0 == 0尝试实现new function ObjectClass() {//对象 console.log(arguments[...
谈谈对Node的理解Node.js 在浏览器外运行V8 JavaScript引擎,单线程 非阻塞I/O 事件驱动,适应于数据高并发,适合多请求,但不适合高运算,有权限读取操作系统级别的API,npm 仓库,常用框架:Express,koa,Socket.io,AdonisJs,NestJS什么是gulp?作用?机制是什么?gulp是基于node的自动化构建工具作用:1 自动压缩JS文件2 自动压缩CSS文件3 自动合并文件4 自动编译sass5 自动压缩图片6 自动刷
vue和react的区别React严格上只针对MVC的view层,Vue则是MVVM模式virtual(虚拟) DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制组件写法不一样,React推荐的做法是 JSX + inline style,也就是把HTML和CSS全都写进JavaScript了,即'all in
谈谈对react的理解react是基于v(视图层)层的一款框架,虚拟dom和diff算法react特点:声明式设计高效,其中高效以现在虚拟dom,最大限度减少与dom的交互和diff算法灵活,体现在可以与已知的框架或库很好的配合JSX,是js语法的扩展组件化,构建组件,是代码的更容易得到复用,比较建议在大型项目的开发单项数据,实现单项数流,从而减少代码复用react有哪几个生命周期自己的总结分为三个阶段,初始,运行中,销毁初始化: 执行getDefaultProps钩子