阿里2022年前端開發(fā)工程師筆試真題

精品文檔-下載后可編輯阿里2022年前端開發(fā)工程師筆試真題阿里2022年前端開發(fā)工程師筆試真題

1.【單選題】7分|下列事件哪個(gè)不是由鼠標(biāo)觸發(fā)的事件（）

Aclick

Bcontextmenu

Cmouseout

Dkeydown

2.【單選題】7分|下面關(guān)于CSS布局的描述，不正確的是？

A塊級(jí)元素實(shí)際占用的寬度與它的width屬性有關(guān)；

B塊級(jí)元素實(shí)際占用的寬度與它的border屬性有關(guān)；

C塊級(jí)元素實(shí)際占用的寬度與它的padding屬性有關(guān)；

D塊級(jí)元素實(shí)際占用的寬度與它的background屬性有關(guān)。

3.【單選題】7分|下面有關(guān)html的描述，不推薦的是？

A在頁面頂部添加doctype聲明；

B在…中間插入HTML代碼；

C避免使用標(biāo)簽；

D使用元素展現(xiàn)學(xué)生成績表等數(shù)據(jù)。

4.【單選題】7分|瀏覽器在一次HTTP請(qǐng)求中，需要傳輸一個(gè)4097字節(jié)的文本數(shù)據(jù)給服務(wù)端，可以采用那些方式?

A存入IndexdDB

B寫入COOKIE

C寫入Session

D使用POST

5.【單選題】7分|下面哪個(gè)屬性不會(huì)讓div脫離文檔流（normalflow）？

Aposition:absolute;

Bposition:fixed;

Cposition:relative;

Dfloat:left;

6.【單選題】7分|下列哪個(gè)操作是W3C標(biāo)準(zhǔn)定義的阻止事件向父容器傳遞：

Ae.preventDefault()

Be.cancelBubble=true

Ce.stopPropagation()

De.stopImmediatePropagation()

7.【單選題】7分|以下關(guān)于盒子模型描述正確的是：

A標(biāo)準(zhǔn)盒子模型中：盒子的總寬度＝左右margin+左右border+左右padding+width

BIE盒子模型中：盒子總寬度＝左右margin+左右border+width

C標(biāo)準(zhǔn)盒子模型中：盒子的總寬度＝左右margin+左右border+width

DIE盒子模型中：盒子總寬度＝width

8.【單選題】7分|使用CSS的flexbox布局，不能實(shí)現(xiàn)以下哪一個(gè)效果：

A三列布局，隨容器寬度等寬彈性伸縮

B多列布局，每列的高度按內(nèi)容最高的一列等高

C三列布局，左列寬度像素?cái)?shù)確定，中、右列隨容器寬度等寬彈性伸縮

D多個(gè)寬高不等的元素，實(shí)現(xiàn)無縫瀑布流布局

9.【單選題】7分|關(guān)于HTML語義化，以下哪個(gè)說法是正確的？

A語義化的HTML有利于機(jī)器的閱讀，如PDA手持設(shè)備、搜索引擎爬蟲；但不利于人的閱讀

BTable屬于過時(shí)的標(biāo)簽，遇到數(shù)據(jù)列表時(shí)，需盡量使用div來模擬表格

C語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化

DHeader、article、address都屬于語義化明確的標(biāo)簽

10.【單選題】7分|關(guān)于HTTP協(xié)議，下面哪個(gè)說法是正確的？

AHTTP協(xié)議是有狀態(tài)協(xié)議。

B以下是一個(gè)Http鏈接的response的響應(yīng)頭：GET/xxx/xxx/js/lib/test.jsHTTP/1.1Host:Connection:keep-alivePragma:no-cacheCache-Control:no-cacheAccept:*/*

CRESTful接口中，利用HTTP協(xié)議的method字段來描述要對(duì)資源操作的方式，比如GET表示獲取資源，POST表示新增一個(gè)資源，PUT表示更新資源,DELETE表示刪除資源等等。

D一個(gè)HTTP請(qǐng)求返回的HTTP狀態(tài)碼中，304表示臨時(shí)重定向。

11.【判斷題】10分|寫一個(gè)traverse函數(shù)，輸出所有頁面寬度和高度大于50像素的節(jié)點(diǎn)。

A對(duì)

B錯(cuò)

12.【判斷題】10分|請(qǐng)寫一個(gè)表格以及對(duì)應(yīng)的CSS，使表格奇數(shù)行為白色背景，偶數(shù)行為灰色背景，鼠標(biāo)移上去時(shí)為黃色背景。

A對(duì)

B錯(cuò)

第一行第二行第三行第四行

.table

tr:nth-child(2n-1){

background-color:white;

}

.table

tr:nth-child(2n){

background-color:grey;

}

.table

tr:hover{

background-color:yellow;

}

13.【判斷題】10分|寫一個(gè)求和的函數(shù)sum，達(dá)到下面的效果//Shouldequal15sum(1,2,3,4,5);//Shouldequal0sum(5,null,-5);//Shouldequal10sum('1.0',false,1,true,1,