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

時間 2019-11-19

標籤 2019年滴滴出行前端工程師面試答案欄目快樂工作简体版

原文原文鏈接

1、單選題（共26題，每題5分）php

1.在進行金融業務系統的網絡設計時，應該優先考慮（）原則。css

A、先進性html

B、開放性前端

C、經濟性jquery

D、高可用性web

參考答案：Dajax

答案解析：算法

網絡設計通常要遵循一些原則，包括：先進性：建設一個現代化的網絡系統，應儘量採用先進而成熟的技術，應在一段時間內保證其主流地位，可是太新的技術，也有不足之處：意識有可能不成熟；而是標準可能還不晚輩、不統一；三是價格高；四是技術支持力量可能不夠。開放性：採用國際通用的標準和技術得到良好的開放性，是網絡互連互通的基礎經濟型：在知足需求的基礎上，應該儘可能節省費用高可用性：系統要有很高的平均無端障時間和儘量低的平均故障率，通常須要採起熱備份，冗餘等技術。金融系統涉及銀行、衆多儲戶的資產信息，其數據重要、敏感、數據量龐大，必須保證數據的絕對安全，同時要保證系統小的響應時間、很高的服務成功率，並且服務要完整、不間斷，故障恢復能力強，整個系統要具備很是高的可用性和可靠性，並不追求採用先進的技術，另外，通常金融系統都是封閉運行的，開放性也不須要放在優先考慮的地位，所以在進行有關金融系統給的網絡設計時，高可用性是首要考慮的原則。數據庫

2.如下實例中 JavaScript 嵌入 HTML 的方式爲（）設計模式

<html>

<head><title> 歡迎您的光臨！ </title>

<script language=」JavaScript」>



…</script></head>

<body></body></html>

JavaScript

A、做爲應用程序嵌入

B、直接嵌入HTML窗口或連接中

C、使用SRC屬性應用外部腳本文件

D、腳本置於<script></script>標記中間

3.設置文字顏色應使用屬性

A、font-family

B、font-color

C、color

D、font

參考答案：C

4.要讓"p1" 元素首先會變爲紅色，而後向上滑動，而後向下滑動，最好的作法是

A、$("#p1").css("color","red").slideUp(2000).slideDown(2000);

B、$("#p1").css("color","red");<br>$("#p1").slideUp(2000);<br>$("#p1").slideDown(2000);

C、$("#p1").attr("color","red").slideUp(2000).slideDown(2000);

D、$("#p1").attr("color","red");<br>$("#p1").slideUp(2000);<br>$("#p1").slideDown(2000);

參考答案：A

答案解析：A css通常用css() Chaining 容許咱們在一條語句中容許多個 jQuery 方法（在相同的元素上）。

提示：這樣的話，瀏覽器就沒必要屢次查找相同的元素。

如需連接一個動做，您只需簡單地把該動做追加到以前的動做上。

5.使用CSS來格式化網頁，共有三種方式，如下哪種不是：

A、在HEAD中引用

B、做爲標記來引用

C、在BODY中引用

D、做爲文件來引用

參考答案：C

答案解析：這題也是，根本沒說清楚題目

6模糊測試（Fuzz testing）是一種經過向目標系統提供非預期的輸入並監視異常結果來發現軟件漏洞的方法，是用於系統安全漏洞發掘的重要技術。模糊測試的測試用例一般是（10）

A、預約數量的字符串

B、預約長度的字符串

C、模糊集的隸屬度

D、隨機數據

參考答案：D

7.如下那個前端框架不是 MVVM 的模式

A、Angular

B、React

C、Ember

參考答案：B

答案解析：Ember明明是MVC啊。。什麼亂七八糟的題目

8.下面不屬於ajax事件的是？

A、ajaxComplete(callback)

B、ajaxSuccess(callback)

C、$.post(url)

D、ajaxSend(callback)

參考答案：C

答案解析：

$.post(url)是ajax請求；

ajax的事件是：

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxStart(callback)

ajaxStop(callback)

ajaxSuccess(callback)

9.下面哪幾種不屬於jquery文檔處理的？（）

A、包裹

B、替換

C、刪除

D、內部和外部插入

參考答案：C

10.如下不屬於jquery數組函數的是？

A、Array.search

B、Array.join

C、Array.length

D、Array.reverse

參考答案：A

答案解析：array.reverse 用對象的方法將顛倒數組中元素的順序 Array.length 取得數組的長度 Array.join 將數組元素鏈接起來以構建一個字符串，—個字符串，經過把array的每一個元素轉換成字符串，而後把這些字符串鏈接起來

11.JavaScript中經過navigator.userAgent獲取到的是：

A、用戶瀏覽器信息

B、用戶代理信息

C、用戶地理位置

D、用戶IP地址

12.下面代碼執行結果正確的是

下面代碼執行結果正確的是<

?php $j = 5;switch ($j) {

    default:echo "no result";

    case 1:echo "週一";

    case 2:echo "週二";

    case 3:echo "週三";

    case 4:echo "週四";

    case 5:echo "週五";

    case 6:

    case 7:echo "週末";}

PHP

A、週五

B、週五週末no result

C、週五週末

D、語法錯，沒有運行結果

13下列JavaScript代碼中，可以在1秒以後執行表達式exp的是（）

A、window.setTimeout(1000,exp);

B、window.setTimeout(exp,1000);

C、window.setTimeout(exp,1);

D、window.setTimeout(1,exp);

14.如下 jquery 對象方法中，使用了事件委託的是

A、bind

B、mousedown

C、click

D、change

E、on

15.因特網用戶大多數狀況下都是經過瀏覽器訪問網頁的，瀏覽器採用超文本傳輸協議與Web服務器進行通訊。超文本傳輸協議的英文縮寫是

A、 HTML

B、 URL

C、 HTTP

D、 FTP

16.在HTML5中，哪一個元素用於組合標題元素？

A、<group>

B、<header>

C、<headings>

D、<hgroup>

17.數字簽名 elgamal算法的原理是?

A、擴展歐幾里得定理

B、中國剩餘定理

C、歐拉定理

D、拉斐爾定律

參考答案：A

答案解析：

Elgamal數字簽名主要是利用離散對數的特性來實現簽名，具體方式以下：

選擇一個大素數P、一個本原元G、一個隨機整數d，d屬於[2，p-2]；

生成β，β=G^d mod P；

此時P、G、β就是公鑰，記做Kpub;

Elgamal數字簽名記做sig(x,k)=(r,s); x是明文的摘要，k是臨時私鑰的隨機值,記做Kpr，r,s是構成簽名的兩個整數；

簽名生成： r=G^k mod P; s=(x-dr)k^-1 mod (p-1)；

生成簽名後，簽名隨明文一塊兒發送給接收方；

接收者收到消息後計算 t=β^r · r^s mod P

驗證：當t≡G^x modP 則該簽名有效，數據未被篡改，反之則簽名無效；

18.JS面向對象原則說法錯誤的是？

A、里氏代換原則

B、依賴原則

C、替換原則

D、工廠化原則

參考答案：D

答案解析：JS面向對象原則：單一功能原則、開放封閉原則、替換原則（里氏代換原則）、依賴原則、接口分離原則、迪米特原則

19.下面有關jquery事件的響應，描述錯誤的是？

A、onclick 鼠標點擊某個對象

B、onfocus 元素失去焦點

C、onload 是某個頁面的css js html 文檔結構和圖像被完成加載

D、onmousedown 某個鼠標按鍵被按下

參考答案：B

答案解析：onfocus 得到焦點 onblur 失去焦點

20.能夠不用Web服務器解析就能在本地計算機上正確瀏覽的頁面編寫語言是（）

A、HTML

B、JSP

C、ASP

D、PHP

參考答案：A

答案解析：靜態網頁不須要Web服務器，在本機瀏覽器上就能瀏覽，故本題的答案爲A。

21.下列關於web頁面級優化描述最正確的是____。

A、減小HTTP請求的次數

B、進行資源合拼和壓縮

C、Inline images

D、將外部腳本置於低端

E、減小沒必要要的HTTP跳轉

F、以上描述都對

22.如下對form表單中input元素的readonly與disabled屬性描述正確的是？（）

A、Readonly爲真時，腳本沒法修改input的值

B、Disabled爲真時，腳本沒法修改input的值

C、Readonly爲真時，input的值不會隨着表單提交

D、Disabled爲真時，input的值不會隨着表單提交

23.使用jQuery在一個元素前面插入另一個，下面選項哪一個是正確的？

A、$('#Div').push('<div>text</div>');

B、$('#Div').add('<div>text</div>');

C、$('#Div').before('<div>text</div>');

D、$('#Div').shift('<div>text</div>');

24.若是想在一個指定的元素後添加內容，下面哪一個是實現該功能的？

A、append(content)

B、appendTo(content)

C、insertAfter(content)

D、after(content)

參考答案：D

答案解析：apend與apendTo就如同after與insertAfter,表達意思相同，表達不一樣。A.after（B）=B.insertAfter(A)。apend在元素裏面添加，after在元素外面添加。

25.獲取 input 節點的正確方法是( )

<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

答案解析：全錯了， fuc\*

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

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

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

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

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

參考答案：B

答案解析：B。

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

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

1.css 中可繼承的屬性有哪些

css 中可繼承的屬性有哪些

A、height

B、font-size

C、border

D、width

E、color

參考答案：B,E

答案解析：確定有不少人不知道什麼是繼承，繼承就是指子節點默認使用父節點的樣式屬性。

不可繼承的屬性太多了不要背，記住能夠繼承的屬性有哪些就好了。能夠繼承的屬性不多，只有顏色，文字，字體間距行高對齊方式，和列表的樣式能夠繼承。這麼來記很輕鬆的呀！不要被下邊的嚇到了哦~

``` ```

全部元素可繼承：visibility和cursor。

內聯元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

終端塊狀元素可繼承：text-indent和text-align。

列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。

```

</div>

2.下列哪些是CSS3的新特性？

A、多列排版

B、漸變

C、變換（平移，縮放，旋轉）

D、僞元素

參考答案：A,B,C

答案解析：

A、B、C。

多版排列 --- column-count:3;文本分隔爲3列； column-gap:20px；規定列之間 20 像素的間隔； column-rule:3px outset #ff0000；規定列之間的寬度、樣式和顏色。漸變 --- background: -webkit-gradient(linear, left top, left bottom, from(#96ff00), color-stop(0.5, orange), to(rgb(255, 0, 0)))；線性漸變使用from()以及to()方法指定過渡顏色點。變換 --- ①平移。 transform: translateX( x );定義轉換，只是用 X 軸的值。 transform: translateY( y );定義轉換，只是用 Y 軸的值。②縮放。transform:scale( x , y );定義 2D 縮放轉換。③旋轉。transform: rotate( angle );定義 2D 旋轉，在參數中規定角度。

3.如下關於同源策略的說法錯誤的是

A、js、css資源不受同源策略限制

B、兩個頁面的域名和端口相同，則這兩個頁面同源

C、服務端也受到同源策略限制

D、放開同源策略會致使巨大安全隱患

4.下列哪些功能能夠經過Cookie來實現？（）

A、記錄訪問者的信息

B、在頁面之間傳遞信

C、自動識別用戶

D、對數據庫進行操做