2020⽹易前端⾯试题含答案解析
需要更多的⾯试题点击下⾯链接查看，有很多：
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 代码，该代码在⽹页执⾏结果弹出结果为？
jquery框架面试题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 题，每题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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。