前端面试题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 ? ? (编辑:湘西站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |