2019年滴滴出行前端工程師面試題(附答案)

一、單選題(共26題,每題5分)
1.在進(jìn)行金融業(yè)務(wù)系統(tǒng)的網(wǎng)絡(luò)設(shè)計(jì)時(shí),應(yīng)該優(yōu)先考慮() 原則。
A、先進(jìn)性
B、開放性
C、經(jīng)濟(jì)性
D、高可用性
參考答案:D
答案解析:
網(wǎng)絡(luò)設(shè)計(jì)一般要遵循一些原則,包括:先進(jìn)性:建設(shè)一個(gè)現(xiàn)代化的網(wǎng)絡(luò)系統(tǒng),應(yīng)盡可能采用先進(jìn)而成熟的技術(shù),應(yīng)在一段時(shí)間內(nèi)保證其主流地位,但是太新的技術(shù),也有不足之處:意識有可能不成熟;而是標(biāo)準(zhǔn)可能還不晚輩、不統(tǒng)一;三是價(jià)格高;四是技術(shù)支持力量可能不夠。開放性:采用國際通用的標(biāo)準(zhǔn)和技術(shù)獲得良好的開放性,是網(wǎng)絡(luò)互連互通的基礎(chǔ)經(jīng)濟(jì)型:在滿足需求的基礎(chǔ)上,應(yīng)該盡量節(jié)省費(fèi)用高可用性:系統(tǒng)要有很高的平均無故障時(shí)間和盡可能低的平均故障率,一般需要采取熱備份,冗余等技術(shù)。金融系統(tǒng)涉及銀行、眾多儲戶的資產(chǎn)信息,其數(shù)據(jù)重要、敏感、數(shù)據(jù)量龐大,必須保證數(shù)據(jù)的絕對安全,同時(shí)要保證系統(tǒng)小的響應(yīng)時(shí)間、很高的服務(wù)成功率,而且服務(wù)要完整、不間斷,故障恢復(fù)能力強(qiáng),整個(gè)系統(tǒng)要具有非常高的可用性和可靠性,并不追求采用先進(jìn)的技術(shù),另外,一般金融系統(tǒng)都是封閉運(yùn)行的,開放性也不需要放在優(yōu)先考慮的地位,因此在進(jìn)行有關(guān)金融系統(tǒng)給的網(wǎng)絡(luò)設(shè)計(jì)時(shí),高可用性是首要考慮的原則。
2.以下實(shí)例中 JavaScript 嵌入 HTML 的方式為()
<html> <head><title> 歡迎您的光臨! </title> <script language=”JavaScript”> …</script></head> <body></body></html>
A、作為應(yīng)用程序嵌入
B、直接嵌入HTML窗口或鏈接中
C、使用SRC屬性應(yīng)用外部腳本文件
D、腳本置于<script></script>標(biāo)記中間
3.設(shè)置文字顏色應(yīng)使用屬性
A、font-family
B、font-color
C、color
D、font
參考答案:C
4.要讓"p1" 元素首先會變?yōu)榧t色,然后向上滑動,然后向下滑動,最好的做法是
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 允許我們在一條語句中允許多個(gè) jQuery 方法(在相同的元素上)。
提示:這樣的話,瀏覽器就不必多次查找相同的元素。
如需鏈接一個(gè)動作,您只需簡單地把該動作追加到之前的動作上。
5.使用CSS來格式化網(wǎng)頁,共有三種方式,以下哪一種不是:
A、在HEAD中引用
B、作為標(biāo)記來引用
C、在BODY中引用
D、作為文件來引用
參考答案:C
答案解析:這題也是,根本沒說清楚題目
6模糊測試(Fuzz testing)是一種通過向目標(biāo)系統(tǒng)提供非預(yù)期的輸入并監(jiān)視異常結(jié)果來發(fā)現(xiàn)軟件漏洞的方法,是用于系統(tǒng)安全漏洞發(fā)掘的重要技術(shù)。模糊測試的測試用例通常是 (10)
A、預(yù)定數(shù)量的字符串
B、預(yù)定長度的字符串
C、模糊集的隸屬度
D、隨機(jī)數(shù)據(jù)
參考答案:D
7.以下那個(gè)前端框架不是 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、內(nèi)部和外部插入
參考答案:C
10.以下不屬于jquery數(shù)組函數(shù)的是?
A、Array.search
B、Array.join
C、Array.length
D、Array.reverse
參考答案:A
答案解析:array.reverse 用對象的方法將顛倒數(shù)組中元素的順序 Array.length 取得數(shù)組的長度 Array.join 將數(shù)組元素連接起來以構(gòu)建一個(gè)字符串,—個(gè)字符串,通過把a(bǔ)rray的每個(gè)元素轉(zhuǎn)換成字符串,然后把這些字符串連接起來
11.JavaScript中通過navigator.userAgent獲取到的是:
A、用戶瀏覽器信息
B、用戶代理信息
C、用戶地理位置
D、用戶IP地址
12.下面代碼執(zhí)行結(jié)果正確的是
下面代碼執(zhí)行結(jié)果正確的是
< ?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 "周末";}
A、周五
B、周五周末no result
C、周五周末
D、語法錯(cuò),沒有運(yùn)行結(jié)果
13下列JavaScript代碼中,能夠在1秒之后執(zhí)行表達(dá)式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.因特網(wǎng)用戶大多數(shù)情況下都是通過瀏覽器訪問網(wǎng)頁的,瀏覽器采用超文本傳輸協(xié)議與Web服務(wù)器進(jìn)行通信。超文本傳輸協(xié)議的英文縮寫是
A、 HTML
B、 URL
C、 HTTP
D、 FTP
16.在HTML5中,哪個(gè)元素用于組合標(biāo)題元素?
A、<group>
B、<header>
C、<headings>
D、<hgroup>
17.數(shù)字簽名 elgamal算法的原理是?
A、擴(kuò)展歐幾里得定理
B、中國剩余定理
C、歐拉定理
D、拉斐爾定律
參考答案:A
答案解析:
Elgamal數(shù)字簽名主要是利用離散對數(shù)的特性來實(shí)現(xiàn)簽名,具體方式如下:
選擇一個(gè)大素?cái)?shù)P、一個(gè)本原元G、一個(gè)隨機(jī)整數(shù)d,d屬于[2,p-2];
生成β,β=G^d mod P;
此時(shí)P、G、β就是公鑰,記作Kpub;
Elgamal數(shù)字簽名記作sig(x,k)=(r,s); x是明文的摘要,k是臨時(shí)私鑰的隨機(jī)值,記作Kpr,r,s是構(gòu)成簽名的兩個(gè)整數(shù);
簽名生成: r=G^k mod P; s=(x-dr)k^-1 mod (p-1);
生成簽名后,簽名隨明文一起發(fā)送給接收方;
接收者收到消息后計(jì)算 t=β^r · r^s mod P
驗(yàn)證:當(dāng)t≡G^x modP 則該簽名有效,數(shù)據(jù)未被篡改,反之則簽名無效;
18.JS面向?qū)ο笤瓌t說法錯(cuò)誤的是?
A、里氏代換原則
B、依賴原則
C、替換原則
D、工廠化原則
參考答案:D
答案解析:JS面向?qū)ο笤瓌t:單一功能原則、開放封閉原則、替換原則(里氏代換原則)、依賴原則、接口分離原則、迪米特原則
19.下面有關(guān)jquery事件的響應(yīng),描述錯(cuò)誤的是?
A、onclick 鼠標(biāo)點(diǎn)擊某個(gè)對象
B、onfocus 元素失去焦點(diǎn)
C、onload 是某個(gè)頁面的css js html 文檔結(jié)構(gòu)和圖像被完成加載
D、onmousedown 某個(gè)鼠標(biāo)按鍵被按下
參考答案:B
答案解析:onfocus 獲得焦點(diǎn) onblur 失去焦點(diǎn)
20.可以不用Web服務(wù)器解析就能在本地計(jì)算機(jī)上正確瀏覽的頁面編寫語言是()
A、HTML
B、JSP
C、ASP
D、PHP
參考答案:A
答案解析:靜態(tài)網(wǎng)頁不需要Web服務(wù)器,在本機(jī)瀏覽器上就能瀏覽, 故本題的答案為A。
21.下列關(guān)于web頁面級優(yōu)化描述最正確的是____。
A、減少HTTP請求的次數(shù)
B、進(jìn)行資源合拼和壓縮
C、Inline images
D、將外部腳本置于低端
E、減少不必要的HTTP跳轉(zhuǎn)
F、以上描述都對
22.以下對form表單中input元素的readonly與disabled屬性描述正確的是?( )
A、Readonly為真時(shí),腳本無法修改input的值
B、Disabled為真時(shí),腳本無法修改input的值
C、Readonly為真時(shí),input的值不會隨著表單提交
D、Disabled為真時(shí),input的值不會隨著表單提交
23.使用jQuery在一個(gè)元素前面插入另外一個(gè) ,下面選項(xiàng)哪個(gè)是正確的 ?
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.如果想在一個(gè)指定的元素后添加內(nèi)容,下面哪個(gè)是實(shí)現(xiàn)該功能的?
A、append(content)
B、appendTo(content)
C、insertAfter(content)
D、after(content)
參考答案:D
答案解析:apend與apendTo就如同after與insertAfter,表達(dá)意思相同,表達(dá)不同。A.after(B)=B.insertAfter(A)。apend在元素里面添加,after在元素外面添加。
25.獲取 input 節(jié)點(diǎn)的正確方法是( )
<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
答案解析:全錯(cuò)了 , fuc\*
26.在面向?qū)ο筌浖_發(fā)過程中,采用設(shè)計(jì)模式 () 。
A、允許在非面向?qū)ο蟪绦蛟O(shè)計(jì)語言中使用面向?qū)ο蟮母拍?/p>
B、以復(fù)用成功的設(shè)計(jì)和體系結(jié)構(gòu)
C、以減少設(shè)計(jì)過程創(chuàng)建的類的個(gè)數(shù)
D、以保證程序的運(yùn)行速度達(dá)到最優(yōu)值
參考答案:B
答案解析:B。
設(shè)計(jì)模式的出現(xiàn)就是為了代碼復(fù)用,增加可維護(hù)性。
二、多選題(共4題,每題5分)
1.css 中可繼承的屬性有哪些
css 中可繼承的屬性有哪些
A、height
B、font-size
C、border
D、width
E、color
參考答案:B,E
答案解析:肯定有很多人不知道什么是繼承,繼承就是指子節(jié)點(diǎn)默認(rèn)使用父節(jié)點(diǎn)的樣式屬性。
不可繼承的屬性太多了不要背,記住可以繼承的屬性有哪些就行了。可以繼承的屬性很少,只有顏色,文字,字體間距行高對齊方式,和列表的樣式可以繼承。這么來記很輕松的呀!不要被下邊的嚇到了哦~
``` ```
所有元素可繼承:visibility和cursor。
內(nèi)聯(lián)元素可繼承: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、變換(平移,縮放,旋轉(zhuǎn))
D、偽元素
參考答案:A,B,C
答案解析:
A、B、C。
多版排列 --- column-count:3;文本分隔為3列; column-gap:20px;規(guī)定列之間 20 像素的間隔; column-rule:3px outset #ff0000;規(guī)定列之間的寬度、樣式和顏色。 漸變 --- background: -webkit-gradient(linear, left top, left bottom, from(#96ff00), color-stop(0.5, orange), to(rgb(255, 0, 0)));線性漸變使用from()以及to()方法指定過渡顏色點(diǎn)。 變換 --- ①平移。 transform: translateX( x );定義轉(zhuǎn)換,只是用 X 軸的值。 transform: translateY( y );定義轉(zhuǎn)換,只是用 Y 軸的值。②縮放。transform:scale( x , y );定義 2D 縮放轉(zhuǎn)換。③旋轉(zhuǎn)。transform: rotate( angle );定義 2D 旋轉(zhuǎn),在參數(shù)中規(guī)定角度。
3.以下關(guān)于同源策略的說法錯(cuò)誤的是
A、js、css資源不受同源策略限制
B、兩個(gè)頁面的域名和端口相同,則這兩個(gè)頁面同源
C、服務(wù)端也受到同源策略限制
D、放開同源策略會導(dǎo)致巨大安全隱患
4.下列哪些功能可以通過Cookie來實(shí)現(xiàn)?( )
A、記錄訪問者的信息
B、在頁面之間傳遞信
C、自動識別用戶
D、對數(shù)據(jù)庫進(jìn)行操作
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了Web前端面試筆試題總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2020-02-18
- 這篇文章主要介紹了80道前端面試經(jīng)典選擇題匯總,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)2020-01-08
- 這篇文章主要介紹了面試官常問的web前端問題大全,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-03
- 這篇文章主要介紹了前端十幾道含答案的大廠面試題總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2020-01-02
- 這篇文章主要介紹了超實(shí)用前端面試題整理(小結(jié)),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-12-19
- 這篇文章主要介紹了2020最新Web前端經(jīng)典面試試題,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-19
- 這篇文章主要介紹了解析前端面試題2019年小米工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-11-27
- 這篇文章主要介紹了2019年京東前端工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-11-26
- 這篇文章主要介紹了2019年百度前端工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-11-22
- 這篇文章主要介紹了2019年騰訊最新前端工程師面試題(附答案),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-11-21