2020 阿里前端面試題及參考答案
一、單選題(共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”>
data-toggle=”dropdown“ id=”dropdownMenu1“type=”button“>Dropdown
tabindex=“-1”>Something else here
- Separatedlink
- Anotheraction
- Something elsehere
A、表示了一個有五個下拉選項的下拉選單
B、可以去掉而不影響功能
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、
tabindex=“-1”>Action
Action