2019年京東前端工程師面試題及解答

1.以下()函數(shù)不是jQuery內(nèi)置的與AJAX相關(guān)的函數(shù)。

A、$.ajax()

B、$.get()

C、$.post()

D、$.each()

參考答案:D

答案解析:暫無

2.下面關(guān)于 HTML 的描述正確的一項(xiàng)是 ?

A、HTML5 中的所有標(biāo)簽都必須寫結(jié)束標(biāo)簽

B、DOCTYPE 的設(shè)置不會(huì)影響頁(yè)面的展示效果

C、HTML5 中的屬性名對(duì)大小寫敏感

D、HTML5 中可以使用 data-* 自定義屬性

參考答案:D

答案解析:略

3.下列哪一個(gè)是頁(yè)面載入時(shí)會(huì)觸發(fā)什么Dom事件?

A、onchange

B、onaclive

C、onload

D、onresize

參考答案:C

答案解析:onload是加載完觸發(fā),學(xué)習(xí)自己要理解到位,但做題,適當(dāng)理解題目的不嚴(yán)謹(jǐn)。

4.關(guān)于bootstrap3的說法,錯(cuò)誤的是

A、在windows上支持IE8

B、在IOS上支持Opera

C、在MAC OS及Windows上支持firefox

D、在IOS及android上都支持chrome

參考答案:B

答案解析:![](http://uploadfiles.nowcoder.com/images/20150517/601949\_1431846370797\_QQ截圖20150517150340.png)

5.標(biāo)簽中,哪個(gè)是表格邊框線的粗細(xì)?

A、bordercolor

B、border

C、cellspacing

D、cellpadding

參考答案:B

答案解析:

bordercolor表示邊框顏色;

cellspacing表示單元格之間的間隔;

cellpadding表示單元格內(nèi)邊距。

6.若要在網(wǎng)頁(yè)中插入樣式表main.css,以下用法中正確的是()

A、<link?rel="stylesheet"?src="main.css"?type="text/css">

B、<link?rel="stylesheet"?href="main.css"?type="text/css">

C、<style?rel="stylesheet"?href="main.css"?type="text/css">

D、<include?rel="stylesheet"?href="main.css"?type="text/css">

參考答案:B

答案解析:略

7.獲取 input 節(jié)點(diǎn)的正確方法是( )

<form class="file"?name="upload">?

????<input id="file"?name="file"></input></form>

HTML

A、document.querySelectorAll('file')[0]

B、document.getElementById('file')[0]

C、document.getElementByTagName('file')[0]

D、document.getElementsByClassName('file')[0]

參考答案:D

答案解析:全錯(cuò)了 , fuc\*

8.下列哪些不屬于HTML input元素種類:

A、search

B、datetime

C、range

D、bool

參考答案:D

9.下面關(guān)于React說法錯(cuò)誤的是

A、React DOM在渲染之前會(huì)默認(rèn)過濾所有傳入的值

B、React DOM在渲染過程中只會(huì)更新改變了的部分

C、直接通過賦值更新React組件狀態(tài)不會(huì)重新渲染組件,必須使用setState方法

D、JSX是JavaScript的一種語(yǔ)法擴(kuò)展,React的使用依賴JSX

參考答案:D

答案解析:純React創(chuàng)建節(jié)點(diǎn)的話可以用React.createElement,組件的話有ES6 class、createClass或stateless function三種創(chuàng)建方法(目前)

10.要去掉文本超鏈接的下劃線,下列正確的是()

A、a{underline:none}

B、a{ text-decoration:none}

C、a{ text-decoration:underline}

D、a{ decoration:no underline}

參考答案:B

11.獲取當(dāng)前時(shí)間的JavaScript語(yǔ)句是()

A、new Now()

B、new Date()

C、GetTime()

D、now()

參考答案:B

答案解析:略。

12.閱讀如下代碼 , 請(qǐng)問 wrap 這個(gè) div 的高度是多少?<

style type="text/css">

????.a, .b, .c?{

????????box-sizing: border-box;

????????border: 1px solid;

????}

????.wrap?{

????????width: 250px;

????}

????.a?{

????????width: 100px;

????????height: 100px;

????????float: left;

????}

????.b?{

????????width: 100px;

????????height: 50px;

????????float: left;

????}

????.c?{

????????width: 100px;

????????height: 100px;

????????display: inline-block;

????}</style><span?style="color:?rgb(51,51,51);">?</span><span?style="color:?rgb(51,51,51);">?</span><div class="wrap">

????<div class="a">a</div>

????<div class="b">b</div>

????<div class="c">c</div></div>?

HTML

A、100px

B、150px

C、200px

D、250px

參考答案:B

答案解析:

因?yàn)樗际窍蜃蟾?dòng)他的寬度是200,所以wrap的高度應(yīng)該是,B+C=150px?

13.在HTML語(yǔ)句中,用來表示標(biāo)題的標(biāo)簽是()

A、<h1>

B、<header>

C、<hr>

D、<heading>

參考答案:A

14.關(guān)于form標(biāo)簽的說法,下列錯(cuò)誤的是?()

A、<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單

B、數(shù)據(jù)通過設(shè)置的action屬性提交到指定的位置

C、<form>標(biāo)簽?zāi)壳爸恢С諫ET和POST請(qǐng)求,且默認(rèn)為GET

D、<form>標(biāo)簽的enctype屬性值默認(rèn)為multipart/form-data

參考答案:D

答案解析:enctype屬性的值由四個(gè) application/x-www-form-urlencoded:在發(fā)送前編碼所有字符(默認(rèn)) multipart/form-data:不對(duì)字符編碼。在使用包含文件上傳控件的表單時(shí),必須使用該值。 text/plain:空格轉(zhuǎn)換為 "+" 加號(hào),但不對(duì)特殊字符編碼。 application/json:json格式的數(shù)

15.雖然不同的操作系統(tǒng)可能裝有不同的瀏覽器。但是這些瀏覽器都符合( )協(xié)議。

A、SNMP??????

B、?HTTP??

C、HTML???

D、SMTP

參考答案:B

答案解析:

簡(jiǎn)單網(wǎng)絡(luò)管理協(xié)議(SNMP),由一組網(wǎng)絡(luò)管理的標(biāo)準(zhǔn)組成,該協(xié)議能夠支持網(wǎng)絡(luò)管理

系統(tǒng),用以監(jiān)測(cè)連接到網(wǎng)絡(luò)上的設(shè)備是否有任何引起管理上關(guān)注的情況。

HTTP協(xié)議(HyperText Transfer Protocol,超文本傳輸協(xié)議)是客戶端瀏覽器或其他程序與WEB服務(wù)器之間的應(yīng)用層通信協(xié)議。

超文本標(biāo)記語(yǔ)言(HTML),標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用,也是一種規(guī)范,一種標(biāo)準(zhǔn),它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。

SMTP(Simple Mail Transfer Protocol,簡(jiǎn)單郵件傳輸協(xié)議),它是一組用于由源地址到目的地址傳送郵件的規(guī)則,由它來控制信件的中轉(zhuǎn)方式。SMTP協(xié)議屬于TCP/IP協(xié)議簇,它幫助每臺(tái)計(jì)算機(jī)在發(fā)送或中轉(zhuǎn)信件時(shí)找到下一個(gè)目的地。

16.當(dāng)在進(jìn)行前端界面和后臺(tái)服務(wù)進(jìn)行交互時(shí),常常需要從后臺(tái)服務(wù)中獲取一組數(shù)據(jù),現(xiàn)...

當(dāng)在進(jìn)行前端界面和后臺(tái)服務(wù)進(jìn)行交互時(shí),常常需要從后臺(tái)服務(wù)中獲取一組數(shù)據(jù),現(xiàn)在需要將一組數(shù)據(jù)放入到數(shù)組中,正確的是( )

A、var arr=new array(); for(var i=0;i<data.length;i++){ arr.add(data[i]); }

B、var arr=new array(); for(var i=0;i<data.length;i++){ arr.push(data[i]); }

C、var arr=new array(); for(var i=0;i<data.length;i++){ arr.shift(data[i]); }

D、var arr=new array(); for(var i=0;i<data.length;i++){ arr.pop(data[i]); }

參考答案:B

17.關(guān)于嵌套列的用法,正確的是

A、<div class=“row”><br> <div class=“col-sm-1”>

B、<div class=“col-sm-1”><br><div class=“row”><br>

C、<div class=“row”><br> <div class=“container”><br> <div class=“col-xs-1”><br>

D、<div class=“container”><br> <div class=“row”><br> <div class=“col-xs-1”>

參考答案:D

答案解析:

Bootstrap 框架的網(wǎng)格系統(tǒng)工作原理如下:

1?、數(shù)據(jù)行?(.row)?必須包含在容器(?.container?)中,以便為其賦予合適的對(duì)齊方式和內(nèi)距?(padding)?。

如:

container?">

row?">

2?、在行?(.row)?中可以添加列?(.column)?,但列數(shù)之和不能超過平分的總列數(shù),比如?12?。

如:

4?">

8?">

3?、具體內(nèi)容應(yīng)當(dāng)放置在列容器(?column?)之內(nèi),而且只有列(?column?)才可以作為行容器?(.row)?的直接子元素

4?、通過設(shè)置內(nèi)距(?padding?)從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設(shè)置負(fù)值的外距(?margin?)來抵消內(nèi)距?(padding)?的影響

詳:

D(正確)

關(guān)于列的嵌套

Bootstrap?框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個(gè)列中添加一個(gè)或者多個(gè)行(?row?)容器,然后在這個(gè)行容器中插入列。但在列容器中的行容器(?row?),寬度為?100%?時(shí),就是當(dāng)前外部列的寬度。

詳:


18.下面javascript的結(jié)果是:v

ar?name =?'out'var?person =?{

????name:?'in',?getName:?function?()?{

????????setTimeout(function?()?{

????????????console.log('a='?+?this.name)

????????},?0)

????}}var?getName =?person.getName();getName();

JavaScript

A、a=in

B、a=out

C、in

D、out

參考答案:B

答案解析:這里 this 指向了最外層windows。所以這里值 a=out

19.請(qǐng)選擇產(chǎn)生粗體字的 HTML 標(biāo)簽:

A、<bold>

B、<bb>

C、<b>

D、<bld>

參考答案:C

答案解析:html語(yǔ)言中加粗的標(biāo)簽有和,或者使用css設(shè)置{font-weight:bold}****

20.CSRF攻擊描述錯(cuò)誤的是?

A、CSRF需要有JavaScript代碼

B、CSRF攻擊惡意代碼位于第三方站點(diǎn)上

C、過濾用戶的輸入可以防止惡意代碼注入到某個(gè)站點(diǎn),但是它無阻止法惡意代碼在第三方站點(diǎn)上運(yùn)行

D、CSRF符合同源策略

參考答案:A

答案解析:

XSS攻擊需要JavaScript代碼,CSRF攻擊不需要JavaScript代碼

21.冒泡排序算法在非有序的序列中時(shí)間復(fù)雜度是?( )

A、O(nlogn)

B、O(n^2)

C、O(n)

D、O(n^2logn)

參考答案:B

答案解析:

\### 時(shí)間復(fù)雜度

平均[時(shí)間復(fù)雜度](https://baike.baidu.com/item/%E6%97%B6%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6)

[插入排序](https://baike.baidu.com/item/%E6%8F%92%E5%85%A5%E6%8E%92%E5%BA%8F) O(n^2)

[冒泡排序](https://baike.baidu.com/item/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F) O(n^2)

[選擇排序](https://baike.baidu.com/item/%E9%80%89%E6%8B%A9%E6%8E%92%E5%BA%8F) O(n^2)

[快速排序](https://baike.baidu.com/item/%E5%BF%AB%E9%80%9F%E6%8E%92%E5%BA%8F) O(n log n)

[堆排序](https://baike.baidu.com/item/%E5%A0%86%E6%8E%92%E5%BA%8F) O(n log n)

[歸并排序](https://baike.baidu.com/item/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F) O(n log n)

[基數(shù)排序](https://baike.baidu.com/item/%E5%9F%BA%E6%95%B0%E6%8E%92%E5%BA%8F) O(n)

[希爾排序](https://baike.baidu.com/item/%E5%B8%8C%E5%B0%94%E6%8E%92%E5%BA%8F) O(n^1.25)

22.下列關(guān)于CSS樣式幾種定義方式的說法中錯(cuò)誤的是( )。

A、單一選擇符方式即定義中只含有一個(gè)選擇符,這些選擇符通常是要定義樣式的HTML標(biāo)簽,例如:body{background-color:#ffffff}就屬于單一選擇符方式。

B、使用類選擇符方式可以將同一元素分類定義為不同的樣式。類選擇符要以“.”號(hào)開頭,選擇符的名稱可以由設(shè)計(jì)者定義。

C、CSS允許把相同屬性和值的選擇符組合起來,這些選擇符之間需用逗號(hào)隔開。例如,h1,h2,h3,h4,h5,h6{font-family:楷體}屬于選擇符組合方式。

D、td a:link{text-decoration:underline}該定義用于將網(wǎng)頁(yè)中所有表格中的單元格中的超鏈接文本設(shè)置下劃線,而對(duì)于單元格中的非超鏈接文本則不起作用,對(duì)頁(yè)面中表格以外的超鏈接文本同樣也起作用。

23.下列敘述中正確的是?

A、算法的效率只與問題的規(guī)模有關(guān),而與數(shù)據(jù)的存儲(chǔ)結(jié)構(gòu)無關(guān)

B、算法的時(shí)間復(fù)雜度是指執(zhí)行算法所需要的計(jì)算工作量

C、數(shù)據(jù)的邏輯結(jié)構(gòu)與存儲(chǔ)結(jié)構(gòu)是一一對(duì)應(yīng)的

D、算法的時(shí)間復(fù)雜度與空間復(fù)雜度一定相關(guān)

24.在css3中要使元素由一種樣式轉(zhuǎn)換成另一種樣式,為元素添加效果的屬性是?

A、animation

B、keyframes

C、flash

D、transform

25.HTTPS是一種安全的HTTP協(xié)議,它使用 ( ) 來發(fā)送和接收?qǐng)?bào)文。

A、TCP的443端口?

B、UDP的443端口????

C、TCP?的80?端口?

D、UDP的80端口

二、多選題(共5題,每題5分)

1.關(guān)于柵格系統(tǒng),哪些是正確的

A、col-sm-*

B、col-xs-*

C、col-md-*

D、col-lg-*.

2.HTTP request報(bào)文結(jié)構(gòu)說法正確的有?

A、首行是Request-Line包括:請(qǐng)求方法,請(qǐng)求URI,協(xié)議版本,CRLF

B、首行之后是若干行請(qǐng)求頭,包括general-header,request-header或者entity-header,每個(gè)一行以CRLF結(jié)束

C、請(qǐng)求頭和消息實(shí)體之間有一個(gè)CRLF分隔

D、根據(jù)實(shí)際請(qǐng)求需要可能包含一個(gè)消息實(shí)體

參考答案:A,B,C,D

答案解析:

rfc2616中進(jìn)行了定義:


首行是Request-Line包括:請(qǐng)求方法,請(qǐng)求URI,協(xié)議版本,CRLF

首行之后是若干行請(qǐng)求頭,包括general-header,request-header或者entity-header,每個(gè)一行以CRLF結(jié)束

請(qǐng)求頭和消息實(shí)體之間有一個(gè)CRLF分隔

根據(jù)實(shí)際請(qǐng)求需要可能包含一個(gè)消息實(shí)體 一個(gè)請(qǐng)求報(bào)文例子如下: GET /Protocols/rfc2616/rfc2616-sec5.html HTTP/1.1 Host: www.w3.org Connection: keep-alive Cache-Control: max-age=0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8 User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/35.0.1916.153 Safari/537.36 Referer:?https://www.google.com.hk/?Accept-Encoding: gzip,deflate,sdch Accept-Language: zh-CN,zh;q=0.8,en;q=0.6 Cookie: authorstyle=yes If-None-Match: "2cc8-3e3073913b100" If-Modified-Since: Wed, 01 Sep 2004 13:24:52 GMT

??name=qiu&age=25

3.下列選項(xiàng)中哪些屬性是CSS3新增的?

A、box-sizing

B、transition

C、border-collapse

D、border-radius

4.在使用table表現(xiàn)數(shù)據(jù)時(shí),有時(shí)候表現(xiàn)出來的會(huì)比自己實(shí)際設(shè)置的寬度要寬,為此需要設(shè)置下面哪些屬性值?

A、cellpadding=”0″

B、padding:0

C、margin:0

D、cellspacing=”0″

5.以下關(guān)于sessionStorage,localStorage,cookie的說法錯(cuò)誤的有?

A、 cookie會(huì)在請(qǐng)求時(shí)發(fā)送到服務(wù)器,作為會(huì)話標(biāo)識(shí),服務(wù)器可修改cookie;web storage不會(huì)發(fā)送到服務(wù)器

B、 cookie有path概念,子路徑可以訪問父路徑cookie,父路徑不能訪問子路徑cookie

C、共享:sessionStorage能共享,localStorage在同源文檔之間共享,cookie在同源且符合path規(guī)則的文檔之間共享

D、瀏覽器不能保存超過300個(gè)cookie,單個(gè)服務(wù)器不能超過20個(gè),每個(gè)cookie不能超過4k。web storage大小支持能達(dá)到5M

參考答案:C

答案解析:

sessionStorage,localStorage,cookie區(qū)別

都會(huì)在瀏覽器端保存,有大小限制,同源限制

cookie會(huì)在請(qǐng)求時(shí)發(fā)送到服務(wù)器,作為會(huì)話標(biāo)識(shí),服務(wù)器可修改cookie;web storage不會(huì)發(fā)送到服務(wù)器

cookie有path概念,子路徑可以訪問父路徑cookie,父路徑不能訪問子路徑cookie

有效期:cookie在設(shè)置的有效期內(nèi)有效,默認(rèn)為瀏覽器關(guān)閉;sessionStorage在窗口關(guān)閉前有效,localStorage長(zhǎng)期有效,直到用戶刪除

共享:sessionStorage不能共享,localStorage在同源文檔之間共享,cookie在同源且符合path規(guī)則的文檔之間共享

localStorage的修改會(huì)促發(fā)其他文檔窗口的update事件

cookie有secure屬性要求HTTPS傳輸

瀏覽器不能保存超過300個(gè)cookie,單個(gè)服務(wù)器不能超過20個(gè),每個(gè)cookie不能超過4k。web storage大小支持能達(dá)到5M

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 更多學(xué)習(xí)資料及答案歡迎加群一起探討哦:907694362

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • @synthesize和@dynamic分別有什么作用?@property有兩個(gè)對(duì)應(yīng)的詞,一個(gè)是 @synthes...
    筆筆請(qǐng)求閱讀 639評(píng)論 0 1
  • 專業(yè)考題類型管理運(yùn)行工作負(fù)責(zé)人一般作業(yè)考題內(nèi)容選項(xiàng)A選項(xiàng)B選項(xiàng)C選項(xiàng)D選項(xiàng)E選項(xiàng)F正確答案 變電單選GYSZ本規(guī)程...
    小白兔去釣魚閱讀 10,582評(píng)論 0 13
  • 1在jquery中想要找到所有元素的同輩元素,下面哪一個(gè)是可以實(shí)現(xiàn)的? A、eq(index) B、find(ex...
    PHP9年架構(gòu)師閱讀 475評(píng)論 0 1
  • 一個(gè)荷花池,第一天荷花開得很少,第二天開放數(shù)量是第一天的兩倍,之后的每一天,荷花都會(huì)以前一天兩倍的數(shù)量開放。到第3...
    一埝閱讀 525評(píng)論 0 1
  • 記得《歡樂頌》里樊勝美對(duì)邱瑩瑩說過一句話:女人不光要悅己者容,也要為自己容。怪不得邱瑩瑩這么聽她的,她總能似蜻蜓點(diǎn)...
    書未來閱讀 2,114評(píng)論 3 16

友情鏈接更多精彩內(nèi)容