2019年騰訊最新前端工程師面試題及答案解

1在jquery中想要找到全部元素的同輩元素，下面哪個是能夠實現的？

A、eq(index)

B、find(expr)

C、siblings([expr])

D、next()

參考答案：C

答案解析：

jQuery siblings() 方法 ----------------------

siblings() 方法返回被選元素的全部同胞元素。

下面的例子返回

的全部同胞元素： ### 實例

$(document).ready(function(){

  $("h2").siblings();

});

 

您也可使用可選參數來過濾對同胞元素的搜索。

下面的例子返回屬於

的同胞元素的全部
元素：

實例
$(document).ready(function(){

  $("h2").siblings("p");

});

jQuery next() 方法 ------------------

next() 方法返回被選元素的下一個同胞元素。

該方法只返回一個元素。

下面的例子返回

的下一個同胞元素： ### 實例

$(document).ready(function(){

  $("h2").next();

});

jQuery find() 方法
 

find() 方法返回被選元素的後代元素，一路向下直到最後一個後代。

下面的例子返回屬於

後代的全部 元素： ### 實例

$(document).ready(function(){

  $("div").find("span");

});

2.如下不是RDBMS的是()

A、mysql

B、postgreSql

C、oracle

D、hadoop

參考答案：D

答案解析：RDBMS 是SQL 的基礎，一樣也是全部現代數據庫系統的基礎，好比MS SQL Server, IBM DB2, Oracle, MySQL 以及Microsoft Access。hadoop是分佈式數據庫

3.JavaScript的基本組成不包括如下()選項

A、DOM

B、BOM

C、ECMAScript

D、jQuery

參考答案：D

答案解析：jQuery是javascript寫的類庫。

JavaScript的三個主要組成部分是：ECMAScript(核心)，DOM（文檔對象模型），BOM（瀏覽器對象模型）。 

4.對於border-radius標籤，說法錯誤的是

對於border-radius，說法錯誤的是

A、表示圓角邊框

B、IE8支持良好

C、IE9支持良好

D、firefox支持良好

參考答案：B

答案解析：Internet Explorer 9+ 支持 border-radius 和 box-shadow 屬性。 Firefox 、 Chrome 以及 Safari 支持全部新的邊框屬性。 註釋：對於 border-image ， Safari 5 以及更老的版本須要前綴 -webkit- 。

Opera 支持 border-radius 和 box-shadow 屬性，可是對於 border-image 須要前綴 -o-

![]

5.在作移動開發的時候，頁面上顯示了一個數據列表，要求在頁面的左側顯示數據的標...

在作移動開發的時候，頁面上顯示了一個數據列表，要求在頁面的左側顯示數據的標題，右側顯示一張導航圖標，該怎麼來作（ ）

A、<div style="float:left">文本標題</div> <div style="float:right">圖標</div>

B、<div>文本標題</div> <div>圖標</div>

C、<div style="display:box;">文本標題</div> <div style="display:box">圖標</div>

D、<div style="float:left">文本標題</div> <div style="float:left">圖標</div>

參考答案：A

6.關於JQuery的屬性操做方法，下面描述錯誤的是：（ ）

A、addClass( ) ：向匹配的元素添加指定的類名

B、val( )：設置或返回匹配元素的值

C、html( ): 設置或返回匹配的元素集合中的 HTML 內容

D、removeAttr( ): 設置或返回匹配元素的屬性和值

參考答案：D

答案解析：暫無

7.下到關於DoS攻擊的描述中，錯誤的是？

A、DoS攻擊一般經過抑制全部或流向某一特定目的端的消息，從而使系統某一實體不能執行其正常功能，產生服務拒絕

B、DoS攻擊不需入目標系統，僅從外部就可實現攻擊

C、只要軟件系統內部沒有漏洞，DoS攻擊就不可能成功

D、死亡之Ping、Land攻擊、UDP洪水、Smurf攻擊均是常見的DoS攻擊手段

參考答案：C

答案解析：服務拒絕：當一個實體不能執行它的正常功能，或它的動做妨礙了別的實體執行它們的正常功能的時候，便發生服務拒絕。這種攻擊不必定須要目標系統存在漏洞，如UDP洪水。

8.在面向對象軟件開發過程當中，採用設計模式 （） 。

A、容許在非面向對象程序設計語言中使用面向對象的概念

B、以複用成功的設計和體系結構

C、以減小設計過程建立的類的個數

D、以保證程序的運行速度達到最優值

參考答案：B

答案解析：B。

設計模式的出現就是爲了代碼複用，增長可維護性。

9.Java的核心包中，提供編程應用的基本類的包是（　　）。

A、 java．lang

B、 java．util

C、 java．applet

D、 java．rmi

參考答案：A

答案解析：暫無

10.下列media queries的定義方式中，哪個是適配 iphone6s 的？

A、．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){}

B、．@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){}

C、@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2){}

D、@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){}

參考答案：A

答案解析：不要糾結選擇A或者選擇B了 主要是在-webkit-min-device-pixel-ratio:2這個屬性

想知道的去看看這邊文章 （解釋是對的，可是這上面的設備像素比率有錯）

iPhone6s 是2 而plus是3 設備像素比率看這個

min-device-width這個標籤和咱們平時寫的也有min-width的區別 我也學到了 好好學習 哈哈哈

11.在jquery中，若是想要獲取當前窗口的寬度值，下面哪一個是實現該功能的？

A、width()

B、width(val)

C、width

D、innerWidth()

參考答案：A

答案解析：

alert($(window).height()); <span style="color: rgb(0,128,0);">//瀏覽器當前窗口可視區域高度 </span>

alert($(document).height()); <span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔的高度 </span>

alert($(document.body).height());<span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔body的高度 </span>

alert($(document.body).outerHeight(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔body的總高度 包括border padding margin </span>

alert($(window).width()); <span style="color: rgb(0,128,0);">//瀏覽器當前窗口可視區域寬度 </span>

alert($(document).width());<span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔對象寬度 </span>

alert($(document.body).width());<span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔body的高度 </span>

alert($(document.body).outerWidth(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">//瀏覽器當前窗口文檔body的總寬度 包括border padding margin </span>

12.以下 HTML 代碼展現了一個用戶列表：-

用戶1 <button data-id="1">刪除</button>

- 用戶2 <button data-id="2">刪除</button>

- 用戶3 <button data-id="3">刪除</button>

- 用戶4 <button data-id="4">刪除</button>

- 用戶5 <button data-id="5">刪除</button>

HTML
產品經理指望管理員點擊「刪除」按鈕時能夠刪除某個用戶，關於實現該功能哪些描述是正確的：

A、首先須要爲每一個 button 元素綁定點擊事件：$('button').on('click', removeUser);

B、經過點擊時間獲取用戶的 ID：$(e.target).attr("data-id");

C、將列表項從頁面上刪除以前，須要先調用後端 API，$.delete('/delete/user/xxx').then(() => { // 將用戶從頁面上移除 })

D、在單頁應用中，若是動態添加一條新的用戶記錄，須要從新對該記錄的刪除按鈕進行事件綁定。

參考答案：C

答案解析：

13.關於工廠模式，說法錯誤的是？

A、定義一個建立對象的接口，讓其子類本身決定實例化哪個工廠類，工廠模式使其建立過程延遲到子類進行

B、建立過程在其父類執行

C、讓其子類實現工廠接口，返回的也是一個抽象的產品

D、主要解決接口選擇的問題

14.如下關於盒子模型描述正確的是：

A、標準盒子模型中：盒子的總寬度 ＝ 左右margin + 左右border + 左右padding + width

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

C、標準盒子模型中：盒子的總寬度 ＝ 左右margin + 左右border + width

D、IE盒子模型中：盒子總寬度 ＝ width

15.head 標籤中必很多的是（ ）

head 標籤中必很多的是（ ）

A、<meta>

B、<link>

C、<title>

D、<script>

16.下面符號中，不屬於JavaScript運算符的是（）

A、$#

B、&&

C、==

D、=

17.在HTML頁面中,插入CSS樣式表的形式不包括（）

A、嵌入式

B、索引式

C、外部式

D、內聯式

18.下列 html 元素當中，都屬於塊級元素的是

A、h3，ul，form，table，p

B、h2，table，ul，a，input

C、p，ul，form，div，strong

D、div，p，h1，table，span

19.JS閉包使用場景，錯誤的是（）

A、迭代器

B、生成器

C、數據緩存

D、釋放內存

20.把鼠標移到按鈕並點擊時，會產生一串什麼樣的事件？

A、active hover focus

B、foucs hover active

C、hover active foucus

D、hover focus active

21.下面正則表達式匹配哪一個字符串？

re = /(?<=z)abc(?=:)/

A、z:abc:z

B、:abcz

C、zabc:

D、:zabc

參考答案：C

答案解析：(?<=z) 表示 匹配以(z)開頭的字符串，而且捕獲(存儲)到分組中

(?=:)表示 匹配以(:)結尾的字符串，而且捕獲(存儲)到分組中

2、多選題（共8題，每題5分）

1.關於Web 語義化的說法，正確的有？

A、語義化的含義就是用正確的標籤作正確的事情

B、語義化讓頁面的內容結構化，結構更清晰

C、語義化便於對瀏覽器、便於代碼閱讀、便於維護

D、語義化便於SEO, 頁面中多放置一些H1標籤，會提升網頁的排名

參考答案：A,B,C

答案解析：h1擁有最高的權值，在一個頁面中最好指使用1個h1來突出你的內容，太多的h1會分散其整個頁面的權重，對搜索引擎也是很是的不友好。

2.JavaScript中==運算符的說法正確的有？

A、若是兩個值類型相同，按照===比較方法進行比較

B、若是其中一個值是null，另外一個是undefined，它們相等

C、若是一個值是數字另外一個是字符串，將字符串轉換爲數字進行比較

D、若是一個值是對象，另外一個是數字或字符串，將對象轉換爲原始值而後用==規則繼續比較

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

答案解析：

==運算符判斷相等的流程是怎樣的

若是兩個值類型相同，按照===比較方法進行比較
若是類型不一樣，使用以下規則進行比較
若是其中一個值是null，另外一個是undefined，它們相等
若是一個值是數字另外一個是字符串，將字符串轉換爲數字進行比較
若是有布爾類型，將true轉換爲1，false轉換爲0，而後用==規則繼續比較
若是一個值是對象，另外一個是數字或字符串，將對象轉換爲原始值而後用==規則繼續比較
其餘全部狀況都認爲不相等
3.給定一個正則表達式，請選擇它能匹配成功的項。 （ ） re = /^[aeiou]*d$/

A、d

B、aeioud

C、uoiead

D、aaad

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

答案解析：^表示以某個字符或字符串開頭

*表示包含前面字符串0個或多個

$表示以某個字符或字符串結尾.

 

4.哪些設計模式是下降資源使用率：

A、prototype

B、singleton

C、flyweight

D、abstract factory

 

5.如下哪些HTML標籤屬於行內元素:

A、`p`

B、`span`

C、`canvas`

D、`label`

E、`img`

 

6.JavaScript中關於===運算符說法正確的有？

A、若是兩個值都是null或者都是undefined，它們相等

B、若是兩個值都是布爾類型true或者都是false，它們相等

C、若是其中有一個是NaN，它們不相等

D、若是都是數值型而且數值相等，他們相等， -0等於0

 

7.給定以下HTML代碼，如下選擇器能選到P元素的是？

<div class="box"> <div> YY   </div> <p> 1231</p></div>

HTML
A、.box p

B、.box > p

C、.box + p

D、.box,p

8.常見的瀏覽器端的存儲技術有哪些？

A、cookie

B、localStorage

C、session

D、userData

  參考答案：A,B,D

答案解析：

**瀏覽器端：**

cookie

WebStorage(localStorage、sessionStorage)

userData

indexedDB

**服務器端：**

session

推薦閱讀：

2019年網易前端工程師面試題及答案解

 

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

  2019年滴滴出行前端工程師面試題及答案解

2019年百度前端工程師面試題及答案解

2019年阿里前端工程師面試題及答案題