2020 阿里前端面试题及参考答案

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

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

 

一、单选题（共21 题，每题5 分）

1.为每一个指定元素的指定事件（像click）绑定一个事件

处理器函数，下面哪个是用来实现该功能的？

A、trigger (type)

B、bind(type)

C、one(type)

D、bind

参考答案：B

答案解析：暂无

2.哪一个html 盒模型中的border 的正确写法？

A、p{ border:5px solid red;}

B、p{border:5px
red solid; }

C、p{border: red solid 5px; }

D、p{border: solid red 5px; }

参考答案：A答案解析：为了代码的可读性，建议按照，border-width，border-style，border-color，的顺序书写。但其实顺序调换是不影响呈现的

3.关于适配器模式，说法错误的是？

A、适配器继承或依赖已有的对象，实现想要的目标接口

B、主要解决在软件系统中，常常要将一些"现存的对象"放到新的环境中，而新环境要求的接口是现对象不能满足的

C、定义了算法家族，分别封装起来，让他们之间可以相互替换，此模式让算法的变化不会影响到使用算法的客户

D、将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。

参考答案：C

答案解析：将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作适配器继承或依赖已有的对象，实现想要的目标接口主要解决在软件系统中，常常要将一些"现存的对象"放到新的环境中，而新环境要求的接口是现对象不能满足的

4.以下几种在HTML文档中通过CSS的方式将文档颜色设置为红色背景错误的是：（）

A、内联样式表：

B、嵌入样式表：

C、外部样式表：在当前目录下创建一个test.css 文件，在文件中声明一条代码，并在HTML 文档中通过将其链接到本文档中使用

D、输入样式表：在当前目录下创建一个test.css 文件，在文件中声明一条body { background-Color:red } 代码，并在HTML 文档中通过输入到本文档中使用

参考答案：C

答案解析：暂无

5.在HTML5 中，哪个方法用于获得用户的当前位置？

A、getPosition()

B、getCurrentPosition()

C、getUserPosition()

D、getLocation()

参考答案：B

答案解析：getCurrentPosition（）获取用户当前位置放入一个值中保存，getLocation()地图定位

6.对于下拉菜单，错误的是？

pre class="prettyprint"> Separated linkdefaultdropdowtoggle"

data-toggle="dropdown" id="dropdownMenu1"type="button">Dropdown

<#" role="menuitem"

tabindex="-1">Action Anotheaction

• tabindex="-1">Something else here

• Separatedlink

Dropdown
 
  
Action
Anotheraction
Something elsehere
 
  
可以去掉而不影响功能
 
  
C、可以加入pull-right 使菜单右对齐
 
  
D、可加入dropdown-menu-right 使菜单右对齐
 
  
参考答案：A
 
  
答案解析：这道题我一眼就看出A 有错了，可是还是让我纠结了好久，怎么会有这么低级的问题，空城计吗
 
  
7.下面关于CSS 布局的描述，不正确的是？（）
 
  
下面关于CSS 布局的描述，不正确的是？（）
 
  
A、块级元素实际占用的宽度与它的width 属性有关；
 
  
B、块级元素实际占用的宽度与它的border 属性有关；
 
  
C、块级元素实际占用的宽度与它的padding 属性有关；
 
  
D、块级元素实际占用的宽度与它的background 属性有关。
 
  
参考答案：D
 
  
答案解析：D 块级元素实际占用的宽度
 
  
=width+border*2+padding*2+margin*2 所以与width border padding margin 有关，与background 无关
 
  
8.以下JavaScript 代码输出的结果是？
 
  
var a = '5' + 3var b = '5' - 3console.log(a, b)JavaScript
 
  
A、53, 2
 
  
B、8, 2
 
  
C、error
 
  
D、都不对参考答案：A
 
  
答案解析：这是一道隐式类型转换的题加法：加法运算中，如果有一个操作值为字符串类型，则将另一个操作值转换为字符串，最后连接起来减法：如果操作值之一不是数值，则被隐式调用Number()函数进行转换所以第一行结果为字符串运算，为'53'。第二行结果为2，选A
 
  
9.在jQuery 中，有以下代码，以下说法正确的是？
 
  
$(".btn").click(function () {var json = [{"S_Name": "周颜", "S_Sex": "男"}, {"S_Name": "周颖", "S_Sex": "女"}];$.each(json, function (index, s) {
 
  
alert(s.S_Name + "," + s.S_Sex);//语句1});});
 
  
JavaScript
 
  
A、此代码不会正常运行B、语句1 会被执行1 次
 
  
C、语句1 会被执行2 次
 
  
D、$.each()函数的用法有误
 
  
10.虽然不同的操作系统可能装有不同的浏览器。但是这些浏览器都符合（）协议。
 
  
A、SNMP
 
  
B、HTTP
 
  
C、HTML
 
  
D、SMTP
 
  
参考答案：B
 
  
答案解析：
 
  
简单网络管理协议（SNMP），由一组网络管理的标准组成，该协议能够支持网络管理系统，用以监测连接到网络上的设备是否有任何引起管理上
 
  
关注的情况。HTTP 协议（HyperText Transfer Protocol，超文本传输协议）是客户端浏览器或其他程序与WEB 服务器之间的应用层通信协议。超文本标记语言（HTML），标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页的本质就是超级文本标记语言，通过结合使用其他的Web 技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。SMTP（Simple Mail Transfer Protocol，简单邮件传输协议）,它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。
 
  
11.css 属性position 的值不包含
 
  
A、absolute
 
  
B、inherit
 
  
C、box
 
  
D、static
 
  
12.以下全部属于块级标签的是？
 
  
A、
 
  
B、
 
  
C、
D、
 
  
13.关于下面HTML 代码，说法正确的是?
 
  
 
  
 
  
公司
 
  
 
  
 
  
 
  
名字
 
  
 
  
百度
 
  
 
  
百度
 
  
 
  
 
  
 
  
 
  
HTML
 
  
A、该表格共有2 行3 列
 
  
B、该表格的边框宽度为10 毫米
 
  
C、该表格中的文字均居中显示
 
  
D、"公司"单元格跨2 行
 
  
14.基于哈希算法在信息安全中主要应用在？
 
  
(1) 文件校验
 
  
(2) 数字签名
 
  
(3) 鉴权协议
 
  
A、(1)(2)
 
  
B、(1)(3)
 
  
C、(2)(3)
 
  
D、(1)(2)(3)
 
  
15.下面哪条声明能固定背景图片（）
 
  
A、background-attachment:fixed;
 
  
B、background-attachment:scroll;
 
  
C、background-origin: initial;
 
  
D、background-clip: initial;
 
  
16.以下选项不能够正确地得到这个标签：（）
 
  
 
  
value="单击我">
 
  
A、$("#btnGo")
 
  
B、$(".btnGo")
 
  
C、$(".btn")D、$("input[type='button']")
 
  
17.在jquery 中想要实现通过远程http get 请求载入信息功能的是下面的哪一下事件？
 
  
A、$.ajax()
 
  
B、load(url)
 
  
C、$.get(url)
 
  
D、$. getScript(url)
 
  
18.在进行面向对象设计时，采用设计模式能够（）。
 
  
A、复用相似问题的相同解决方案
 
  
B、改善代码的平台可移植性
 
  
C、改善代码的可理解性
 
  
D、增强软件的易安装性
 
  
19.标记符title 是放在以下哪个标记符之间的？（）
 
  
A、html 与html
 
  
B、head 与head
 
  
C、body 与body
 
  
D、head 与body
 
  
20.如果在HTML 页面中包含如下图片标签，则选项中的（）语句能够实现隐藏该图片的功能。
 
  
 
  
A、document.getElementById(“pic”).style.display=”visible”;
 
  
B、document.getElementById(“pic”).style.display=”disvisible”;
 
  
C、document.getElementById(“pic”).style.display=”block”;
 
  
D、document.getElementById(“pic”).style.display=”none”;
 
  
21.以下jquery 对象方法中，使用了事件委托的是
 
  
A、bind
 
  
B、mousedown
 
  
C、clickD、change
 
  
E、on
 
  
二、多选题（共9 题，每题5 分）
 
  
1.当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值，以下哪些不是...当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值，以下哪些不是CSS 中的继承属性？
 
  
A、color
 
  
B、display
 
  
C、border-style
 
  
D、text-align
 
  
参考答案：B,C
 
  
答案解析：
 
  
不可继承：display，margin，border，padding，background，height，width，position
 
  
2.在下面的标签中哪些是struts 标签
 
  
A、html:form
 
  
B、html:textC、html:errors
 
  
D、html:message
 
  
参考答案：A,B,C,D
 
  
答案解析：暂无
 
  
3.下面有关html 结构描述正确的有？
 
  
A、
 
 
 
 
  
B、
 
 
 
 
  
C、
 
  
D、
 
  
参考答案：A,B,D
 
  
4.Ruby 中，下面定义一个正则表达式正确的方法是（）
 
  
A、re = /\w+/
 
  
B、re = //usr/local?/etc/
 
  
C、re = %r{/usr/local?/etc}
 
  
D、re = Regexp.escape("usr/local/etc")参考答案：A,C 答案解析：暂无
 
  
5.哪些是正确的bootstrap 辅助类
 
  
A、text-muted
 
  
B、text-success
 
  
C、text-info
 
  
D、text-warning
 
  
参考答案：A,B,C,D 。答案解析：.text-muted:文字的颜
 
  
色换成灰色/.text-primary:文字的颜色变成蓝色/ .text-success:文字的颜色变成绿色/.text-info:文字的颜色变成暗蓝色/.text-warning:文字颜色变成暗黄色/.text-danger：文字的颜色变成红色
 
  
6.下列哪些是块级元素（）
 
  
A、input
 
  
B、ul
 
  
C、hr
 
  
D、li
 
  
E、div
 
  
F、form
 
  
参考答案：B,C,D,E,F答案解析：
 
  
（1）行内元素有：a b span img input select strong
 
  
（2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
 
  
（3）常见的空元素：
 
  
 
  
<
 
  
meta> 
 
  
鲜为人知的是：
 
  
 
  
mmand><
 
  
source>
 
  
 
  
7.以下选项正确的是
 
  
A、
 
  
B、
 
  
C、
 
  
D、
 
  
8 关于Web 语义化的说法，正确的有？A、语义化的含义就是用正确的标签做正确的事情
 
  
B、语义化让页面的内容结构化，结构更清晰
 
  
C、语义化便于对浏览器、便于代码阅读、便于维护
 
  
D、语义化便于SEO, 页面中多放置一些H1 标签，会提高
 
  
网页的排名
 
  
9.以下标签中，默认是块级元素的标签有：
 
  
A、span
 
  
B、div
 
  
C、p
 
  
D、img