阿里前端面试题

1.下面的 JSX 代码中，哪一个无法达到预期的效果？
A

Hello World

B
C

{msg}

D Leo
E

F

2.将数组 var a=[1,2,3] 变成数组 [4,3,2,1] 下面的方式正确的是？
A a.reverse().unshift(4)
B a.push(4).reverse()
C a.push(4); a.reverse()
D a.splice(3,1,4).reverse()

3.下列事件哪个不是由鼠标触发的事件（）
A click
B contextmenu
C mouseout
D keydown

4.下面关于CSS布局的描述，不正确的是？
A 块级元素实际占用的宽度与它的 width 属性有关；
B 块级元素实际占用的宽度与它的 border 属性有关；
C 块级元素实际占用的宽度与它的 padding 属性有关；
D 块级元素实际占用的宽度与它的 background 属性有关。

5.浏览器在一次 HTTP 请求中，需要传输一个 4097 字节的文本数据给服务端，可以采用那些方式?
A 存入 IndexdDB
B 写入 COOKIE
C 放在 URL 参数
D 写入 Session
E 使用 POST
F 放在 Local Storage

6.下面哪个属性不会让 div 脱离文档流（normal flow）？
A position: absolute;
B position: fixed;
C position: relative;
D float: left;

7.下列哪个操作是W3C标准定义的阻止事件向父容器传递：
A e.preventDefault()
B e.cancelBubble=true
C e.stopPropagation()
D e.stopImmediatePropagation()

8.使用CSS的flexbox布局，不能实现以下哪一个效果：
A 三列布局，随容器宽度等宽弹性伸缩
B 多列布局，每列的高度按内容最高的一列等高
C 三列布局，左列宽度像素数确定，中、右列随容器宽度等宽弹性伸缩
D 多个宽高不等的元素，实现无缝瀑布流布局

9.关于HTML语义化，以下哪个说法是正确的？
A 语义化的HTML有利于机器的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读
B Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格
C 语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化
D header、article、address都属于语义化明确的标签

10.关于HTTP协议，下面哪个说法是正确的？
A HTTP协议是有状态协议。
B 以下是一个Http链接的response 的响应头： GET /xxx/xxx/js/lib/test.js HTTP/1.1 Host: 127.0.0.1 Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: /
C RESTful 接口中，利用HTTP协议的method字段来描述要对资源操作的方式，比如GET表示获取资源，POST表示新增一个资源，PUT表示更新资源,DELETE 表示删除资源等等。
D 一个HTTP请求返回的HTTP状态码中，304表示临时重定向。

填空
javascript 语言特性中，有很多方面和我们接触的其他编程语言不太一样，比如说，javascript语言实现继承机制的核心就是[1]，而不是Java语言那样的类式继承。Javascript 解析引擎在读取一个Object的属性的值时，会沿着[2]向上寻找，如果最终没有找到，则该属性值为 [3]； 如果最终找到该属性的值，则返回结果。与这个过程不同的是，当javascript解析引擎执行“给一个Object的某个属性赋值”的时候，如果当前Object存在该属性，则改写该属性的值，如果当前的Object本身并不存在该属性，则赋值该属性的值 。

填写内容让下面代码支持a.name = “name1”; b.name = “name2”;
function obj(name){
[1]
}
obj.[2]= "name2";
var a = obj("name1");
var b = new obj;

编程题

实现如下页面布局。核心区域左侧自适应，右侧固定宽度200px

image

[图片上传中...(image.png-85d9df-1568034566388-0)]

请使用两种不同的CSS方法（要求dom结构不同）实现下图所示的条形图。从左到右的条形分别记为A,B,C,D,E。A的高度为30%，颜色为#f00；B的高度为80%，颜色为#ddd；C的高度为70%，颜色为#0fd；D的高度为60%，颜色为#ff0；E的高度为90%，颜色为#234，每个条形之间的距离可以任意设置（可以考虑使用CSS3新属性来实现）。

image