2019年京東前端工程師面試題(附答案)

1.以下()函數(shù)不是jQuery內(nèi)置的與AJAX相關(guān)的函數(shù)。
A、$.ajax()
B、$.get()
C、$.post()
D、$.each()
參考答案:D
答案解析:暫無
2.下面關(guān)于 HTML 的描述正確的一項是 ?
A、HTML5 中的所有標簽都必須寫結(jié)束標簽
B、DOCTYPE 的設置不會影響頁面的展示效果
C、HTML5 中的屬性名對大小寫敏感
D、HTML5 中可以使用 data-* 自定義屬性
參考答案:D
答案解析:略
3.下列哪一個是頁面載入時會觸發(fā)什么Dom事件?
A、onchange
B、onaclive
C、onload
D、onresize
參考答案:C
答案解析:onload是加載完觸發(fā),學習自己要理解到位,但做題,適當理解題目的不嚴謹。
4.關(guān)于bootstrap3的說法,錯誤的是
A、在windows上支持IE8
B、在IOS上支持Opera
C、在MAC OS及Windows上支持firefox
D、在IOS及android上都支持chrome
參考答案:B
5.標簽中,哪個是表格邊框線的粗細?
A、bordercolor
B、border
C、cellspacing
D、cellpadding
參考答案:B
答案解析:
bordercolor表示邊框顏色;
cellspacing表示單元格之間的間隔;
cellpadding表示單元格內(nèi)邊距。
6.若要在網(wǎng)頁中插入樣式表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é)點的正確方法是( )
<form class="file" name="upload"> <input id="file" name="file"></input></form>
A、document.querySelectorAll('file')[0]
B、document.getElementById('file')[0]
C、document.getElementByTagName('file')[0]
D、document.getElementsByClassName('file')[0]
參考答案:D
答案解析:全錯了 , fuc\*
8.下列哪些不屬于HTML input元素種類:
A、search
B、datetime
C、range
D、bool
參考答案:D
9.下面關(guān)于React說法錯誤的是
A、React DOM在渲染之前會默認過濾所有傳入的值
B、React DOM在渲染過程中只會更新改變了的部分
C、直接通過賦值更新React組件狀態(tài)不會重新渲染組件,必須使用setState方法
D、JSX是JavaScript的一種語法擴展,React的使用依賴JSX
參考答案:D
答案解析:純React創(chuàng)建節(jié)點的話可以用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.獲取當前時間的JavaScript語句是()
A、new Now()
B、new Date()
C、GetTime()
D、now()
參考答案:B
答案解析:略。
12.閱讀如下代碼 , 請問 wrap 這個 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>
A、100px
B、150px
C、200px
D、250px
參考答案:B
答案解析:
因為他都是向左浮動他的寬度是200,所以wrap的高度應該是,B+C=150px
13.在HTML語句中,用來表示標題的標簽是()
A、<h1>
B、<header>
C、<hr>
D、<heading>
參考答案:A
14.關(guān)于form標簽的說法,下列錯誤的是?()
A、<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單
B、數(shù)據(jù)通過設置的action屬性提交到指定的位置
C、<form>標簽目前只支持GET和POST請求,且默認為GET
D、<form>標簽的enctype屬性值默認為multipart/form-data
參考答案:D
答案解析:enctype屬性的值由四個 application/x-www-form-urlencoded:在發(fā)送前編碼所有字符(默認) multipart/form-data:不對字符編碼。在使用包含文件上傳控件的表單時,必須使用該值。 text/plain:空格轉(zhuǎn)換為 "+" 加號,但不對特殊字符編碼。 application/json:json格式的數(shù)
15.雖然不同的操作系統(tǒng)可能裝有不同的瀏覽器。但是這些瀏覽器都符合( )協(xié)議。
A、SNMP
B、 HTTP
C、HTML
D、SMTP
參考答案:B
答案解析:
簡單網(wǎng)絡管理協(xié)議(SNMP),由一組網(wǎng)絡管理的標準組成,該協(xié)議能夠支持網(wǎng)絡管理
系統(tǒng),用以監(jiān)測連接到網(wǎng)絡上的設備是否有任何引起管理上關(guān)注的情況。
HTTP協(xié)議(HyperText Transfer Protocol,超文本傳輸協(xié)議)是客戶端瀏覽器或其他程序與WEB服務器之間的應用層通信協(xié)議。
超文本標記語言(HTML),標準通用標記語言下的一個應用,也是一種規(guī)范,一種標準,它通過標記符號來標記要顯示的網(wǎng)頁中的各個部分。網(wǎng)頁的本質(zhì)就是超級文本標記語言,通過結(jié)合使用其他的Web技術(shù)(如:腳本語言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強大的網(wǎng)頁。
SMTP(Simple Mail Transfer Protocol,簡單郵件傳輸協(xié)議),它是一組用于由源地址到目的地址傳送郵件的規(guī)則,由它來控制信件的中轉(zhuǎn)方式。SMTP協(xié)議屬于TCP/IP協(xié)議簇,它幫助每臺計算機在發(fā)送或中轉(zhuǎn)信件時找到下一個目的地。
16.當在進行前端界面和后臺服務進行交互時,常常需要從后臺服務中獲取一組數(shù)據(jù),現(xiàn)...
當在進行前端界面和后臺服務進行交互時,常常需要從后臺服務中獲取一組數(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 )中,以便為其賦予合適的對齊方式和內(nèi)距 (padding) 。
如:
container ">
row ">
2 、在行 (.row) 中可以添加列 (.column) ,但列數(shù)之和不能超過平分的總列數(shù),比如 12 。
如:
4 ">
8 ">
3 、具體內(nèi)容應當放置在列容器( column )之內(nèi),而且只有列( column )才可以作為行容器 (.row) 的直接子元素
4 、通過設置內(nèi)距( padding )從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設置負值的外距( margin )來抵消內(nèi)距 (padding) 的影響
詳:
D(正確)
關(guān)于列的嵌套
Bootstrap 框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個列中添加一個或者多個行( row )容器,然后在這個行容器中插入列。但在列容器中的行容器( row ),寬度為 100% 時,就是當前外部列的寬度。
18.下面javascript的結(jié)果是:
var name = 'out'var person = { name: 'in', getName: function () { setTimeout(function () { console.log('a=' + this.name) }, 0) }}var getName = person.getName();getName();
A、a=in
B、a=out
C、in
D、out
參考答案:B
答案解析:這里 this 指向了最外層windows。所以這里值 a=out
19.請選擇產(chǎn)生粗體字的 HTML 標簽:
A、<bold>
B、<bb>
C、<b>
D、<bld>
參考答案:C
答案解析:html語言中加粗的標簽有和,或者使用css設置{font-weight:bold}****
20.CSRF攻擊描述錯誤的是?
A、CSRF需要有JavaScript代碼
B、CSRF攻擊惡意代碼位于第三方站點上
C、過濾用戶的輸入可以防止惡意代碼注入到某個站點,但是它無阻止法惡意代碼在第三方站點上運行
D、CSRF符合同源策略
參考答案:A
答案解析:
XSS攻擊需要JavaScript代碼,CSRF攻擊不需要JavaScript代碼
21.冒泡排序算法在非有序的序列中時間復雜度是?( )
A、O(nlogn)
B、O(n^2)
C、O(n)
D、O(n^2logn)
參考答案:B
22.下列關(guān)于CSS樣式幾種定義方式的說法中錯誤的是( )。
A、單一選擇符方式即定義中只含有一個選擇符,這些選擇符通常是要定義樣式的HTML標簽,例如:body{background-color:#ffffff}就屬于單一選擇符方式。
B、使用類選擇符方式可以將同一元素分類定義為不同的樣式。類選擇符要以“.”號開頭,選擇符的名稱可以由設計者定義。
C、CSS允許把相同屬性和值的選擇符組合起來,這些選擇符之間需用逗號隔開。例如,h1,h2,h3,h4,h5,h6{font-family:楷體}屬于選擇符組合方式。
D、td a:link{text-decoration:underline}該定義用于將網(wǎng)頁中所有表格中的單元格中的超鏈接文本設置下劃線,而對于單元格中的非超鏈接文本則不起作用,對頁面中表格以外的超鏈接文本同樣也起作用。
23.下列敘述中正確的是?
A、算法的效率只與問題的規(guī)模有關(guān),而與數(shù)據(jù)的存儲結(jié)構(gòu)無關(guān)
B、算法的時間復雜度是指執(zhí)行算法所需要的計算工作量
C、數(shù)據(jù)的邏輯結(jié)構(gòu)與存儲結(jié)構(gòu)是一一對應的
D、算法的時間復雜度與空間復雜度一定相關(guān)
24.在css3中要使元素由一種樣式轉(zhuǎn)換成另一種樣式,為元素添加效果的屬性是?
A、animation
B、keyframes
C、flash
D、transform
25.HTTPS是一種安全的HTTP協(xié)議,它使用 ( ) 來發(fā)送和接收報文。
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報文結(jié)構(gòu)說法正確的有?
A、首行是Request-Line包括:請求方法,請求URI,協(xié)議版本,CRLF
B、首行之后是若干行請求頭,包括general-header,request-header或者entity-header,每個一行以CRLF結(jié)束
C、請求頭和消息實體之間有一個CRLF分隔
D、根據(jù)實際請求需要可能包含一個消息實體
參考答案:A,B,C,D
答案解析:
rfc2616中進行了定義:
首行是Request-Line包括:請求方法,請求URI,協(xié)議版本,CRLF
首行之后是若干行請求頭,包括general-header,request-header或者entity-header,每個一行以CRLF結(jié)束
請求頭和消息實體之間有一個CRLF分隔
根據(jù)實際請求需要可能包含一個消息實體 一個請求報文例子如下: 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.下列選項中哪些屬性是CSS3新增的?
A、box-sizing
B、transition
C、border-collapse
D、border-radius
4.在使用table表現(xiàn)數(shù)據(jù)時,有時候表現(xiàn)出來的會比自己實際設置的寬度要寬,為此需要設置下面哪些屬性值?
A、cellpadding=”0″
B、padding:0
C、margin:0
D、cellspacing=”0″
5.以下關(guān)于sessionStorage,localStorage,cookie的說法錯誤的有?
A、 cookie會在請求時發(fā)送到服務器,作為會話標識,服務器可修改cookie;web storage不會發(fā)送到服務器
B、 cookie有path概念,子路徑可以訪問父路徑cookie,父路徑不能訪問子路徑cookie
C、共享:sessionStorage能共享,localStorage在同源文檔之間共享,cookie在同源且符合path規(guī)則的文檔之間共享
D、瀏覽器不能保存超過300個cookie,單個服務器不能超過20個,每個cookie不能超過4k。web storage大小支持能達到5M
參考答案:C
答案解析:
sessionStorage,localStorage,cookie區(qū)別
都會在瀏覽器端保存,有大小限制,同源限制
cookie會在請求時發(fā)送到服務器,作為會話標識,服務器可修改cookie;web storage不會發(fā)送到服務器
cookie有path概念,子路徑可以訪問父路徑cookie,父路徑不能訪問子路徑cookie
有效期:cookie在設置的有效期內(nèi)有效,默認為瀏覽器關(guān)閉;sessionStorage在窗口關(guān)閉前有效,localStorage長期有效,直到用戶刪除
共享:sessionStorage不能共享,localStorage在同源文檔之間共享,cookie在同源且符合path規(guī)則的文檔之間共享
localStorage的修改會促發(fā)其他文檔窗口的update事件
cookie有secure屬性要求HTTPS傳輸
瀏覽器不能保存超過300個cookie,單個服務器不能超過20個,每個cookie不能超過4k。web storage大小支持能達到5M
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了Web前端面試筆試題總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2020-02-18
- 這篇文章主要介紹了80道前端面試經(jīng)典選擇題匯總,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習2020-01-08
- 這篇文章主要介紹了面試官常問的web前端問題大全,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-03
- 這篇文章主要介紹了前端十幾道含答案的大廠面試題總結(jié),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2020-01-02
- 這篇文章主要介紹了超實用前端面試題整理(小結(jié)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-12-19
- 這篇文章主要介紹了2020最新Web前端經(jīng)典面試試題,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-19
- 這篇文章主要介紹了解析前端面試題2019年小米工程師面試題(附答案),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-11-27
- 這篇文章主要介紹了2019年滴滴出行前端工程師面試題(附答案),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來2019-11-25
- 這篇文章主要介紹了2019年百度前端工程師面試題(附答案),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-11-22
- 這篇文章主要介紹了2019年騰訊最新前端工程師面試題(附答案),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-11-21