2019年騰訊最新前端工程師面試題(附答案)

一、單選題
1在jquery中想要找到所有元素的同輩元素,下面哪一個(gè)是可以實(shí)現(xiàn)的?
A、eq(index)
B、find(expr)
C、siblings([expr])
D、next()
參考答案:C
答案解析:
jQuery siblings() 方法 ----------------------
siblings() 方法返回被選元素的所有同胞元素。
下面的例子返回的所有同胞元素: ### 實(shí)例
$(document).ready(function(){ $("h2").siblings(); });
您也可以使用可選參數(shù)來(lái)過(guò)濾對(duì)同胞元素的搜索。
下面的例子返回屬于的同胞元素的所有元素:
實(shí)例
$(document).ready(function(){ $("h2").siblings("p"); });
jQuery next() 方法 ------------------
next() 方法返回被選元素的下一個(gè)同胞元素。
該方法只返回一個(gè)元素。
下面的例子返回
的下一個(gè)同胞元素: ### 實(shí)例
$(document).ready(function(){ $("h2").next(); });
jQuery find() 方法
find() 方法返回被選元素的后代元素,一路向下直到最后一個(gè)后代。
下面的例子返回屬于后代的所有 元素: ### 實(shí)例
$(document).ready(function(){ $("div").find("span"); });
2.以下不是RDBMS的是()
A、mysql
B、postgreSql
C、oracle
D、hadoop
參考答案:D
答案解析:RDBMS 是SQL 的基礎(chǔ),同樣也是所有現(xiàn)代數(shù)據(jù)庫(kù)系統(tǒng)的基礎(chǔ),比如MS SQL Server, IBM DB2, Oracle, MySQL 以及Microsoft Access。hadoop是分布式數(shù)據(jù)庫(kù)
3.JavaScript的基本組成不包括以下()選項(xiàng)
A、DOM
B、BOM
C、ECMAScript
D、jQuery
參考答案:D
答案解析:jQuery是javascript寫(xiě)的類庫(kù)。
JavaScript的三個(gè)主要組成部分是:ECMAScript(核心),DOM(文檔對(duì)象模型),BOM(瀏覽器對(duì)象模型)。
4.對(duì)于border-radius標(biāo)簽,說(shuō)法錯(cuò)誤的是
對(duì)于border-radius,說(shuō)法錯(cuò)誤的是
A、表示圓角邊框
B、IE8支持良好
C、IE9支持良好
D、firefox支持良好
參考答案:B
答案解析:Internet Explorer 9+ 支持 border-radius 和 box-shadow 屬性。 Firefox 、 Chrome 以及 Safari 支持所有新的邊框?qū)傩浴?注釋:對(duì)于 border-image , Safari 5 以及更老的版本需要前綴 -webkit- 。
Opera 支持 border-radius 和 box-shadow 屬性,但是對(duì)于 border-image 需要前綴 -o-
![]
5.在做移動(dòng)開(kāi)發(fā)的時(shí)候,頁(yè)面上顯示了一個(gè)數(shù)據(jù)列表,要求在頁(yè)面的左側(cè)顯示數(shù)據(jù)的標(biāo)...
在做移動(dòng)開(kāi)發(fā)的時(shí)候,頁(yè)面上顯示了一個(gè)數(shù)據(jù)列表,要求在頁(yè)面的左側(cè)顯示數(shù)據(jù)的標(biāo)題,右側(cè)顯示一張導(dǎo)航圖標(biāo),該怎么來(lái)做( )
A、<div style="float:left">文本標(biāo)題</div> <div style="float:right">圖標(biāo)</div>
B、<div>文本標(biāo)題</div> <div>圖標(biāo)</div>
C、<div style="display:box;">文本標(biāo)題</div> <div style="display:box">圖標(biāo)</div>
D、<div style="float:left">文本標(biāo)題</div> <div style="float:left">圖標(biāo)</div>
參考答案:A
6.關(guān)于JQuery的屬性操作方法,下面描述錯(cuò)誤的是:( )
A、addClass( ) :向匹配的元素添加指定的類名
B、val( ):設(shè)置或返回匹配元素的值
C、html( ): 設(shè)置或返回匹配的元素集合中的 HTML 內(nèi)容
D、removeAttr( ): 設(shè)置或返回匹配元素的屬性和值
參考答案:D
答案解析:暫無(wú)
7.下到關(guān)于DoS攻擊的描述中,錯(cuò)誤的是?
A、DoS攻擊通常通過(guò)抑制所有或流向某一特定目的端的消息,從而使系統(tǒng)某一實(shí)體不能執(zhí)行其正常功能,產(chǎn)生服務(wù)拒絕
B、DoS攻擊不需入目標(biāo)系統(tǒng),僅從外部就可實(shí)現(xiàn)攻擊
C、只要軟件系統(tǒng)內(nèi)部沒(méi)有漏洞,DoS攻擊就不可能成功
D、死亡之Ping、Land攻擊、UDP洪水、Smurf攻擊均是常見(jiàn)的DoS攻擊手段
參考答案:C
答案解析:服務(wù)拒絕:當(dāng)一個(gè)實(shí)體不能執(zhí)行它的正常功能,或它的動(dòng)作妨礙了別的實(shí)體執(zhí)行它們的正常功能的時(shí)候,便發(fā)生服務(wù)拒絕。這種攻擊不一定需要目標(biāo)系統(tǒng)存在漏洞,如UDP洪水。
8.在面向?qū)ο筌浖_(kāi)發(fā)過(guò)程中,采用設(shè)計(jì)模式 () 。
A、允許在非面向?qū)ο蟪绦蛟O(shè)計(jì)語(yǔ)言中使用面向?qū)ο蟮母拍?/p>
B、以復(fù)用成功的設(shè)計(jì)和體系結(jié)構(gòu)
C、以減少設(shè)計(jì)過(guò)程創(chuàng)建的類的個(gè)數(shù)
D、以保證程序的運(yùn)行速度達(dá)到最優(yōu)值
參考答案:B
答案解析:B。
設(shè)計(jì)模式的出現(xiàn)就是為了代碼復(fù)用,增加可維護(hù)性。
9.Java的核心包中,提供編程應(yīng)用的基本類的包是( ?。?。
A、 java.lang
B、 java.util
C、 java.a(chǎn)pplet
D、 java.rmi
參考答案:A
答案解析:暫無(wú)
10.下列media queries的定義方式中,哪一個(gè)是適配 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
答案解析:不要糾結(jié)選擇A或者選擇B了 主要是在-webkit-min-device-pixel-ratio:2這個(gè)屬性
想知道的去看看這邊文章 (解釋是對(duì)的,但是這上面的設(shè)備像素比率有錯(cuò))
iPhone6s 是2 而plus是3 設(shè)備像素比率看這個(gè)
min-device-width這個(gè)標(biāo)簽和我們平時(shí)寫(xiě)的也有min-width的區(qū)別 我也學(xué)到了 好好學(xué)習(xí) 哈哈哈
11.在jquery中,如果想要獲取當(dāng)前窗口的寬度值,下面哪個(gè)是實(shí)現(xiàn)該功能的?
A、width()
B、width(val)
C、width
D、innerWidth()
參考答案:A
答案解析:
alert($(window).height()); <span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口可視區(qū)域高度 </span> alert($(document).height()); <span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔的高度 </span> alert($(document.body).height());<span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔body的高度 </span> alert($(document.body).outerHeight(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔body的總高度 包括border padding margin </span> alert($(window).width()); <span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?</span> alert($(document).width());<span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔對(duì)象寬度 </span> alert($(document.body).width());<span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔body的高度 </span> alert($(document.body).outerWidth(<span style="color: rgb(0,0,255);">true</span>));<span style="color: rgb(0,128,0);">//瀏覽器當(dāng)前窗口文檔body的總寬度 包括border padding margin </span>
12.如下 HTML 代碼展示了一個(gè)用戶列表:-
用戶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>
產(chǎn)品經(jīng)理期望管理員點(diǎn)擊“刪除”按鈕時(shí)可以刪除某個(gè)用戶,關(guān)于實(shí)現(xiàn)該功能哪些描述是正確的:
A、首先需要為每個(gè) button 元素綁定點(diǎn)擊事件:$('button').on('click', removeUser);
B、通過(guò)點(diǎn)擊時(shí)間獲取用戶的 ID:$(e.target).attr("data-id");
C、將列表項(xiàng)從頁(yè)面上刪除之前,需要先調(diào)用后端 API,$.delete('/delete/user/xxx').then(() => { // 將用戶從頁(yè)面上移除 })
D、在單頁(yè)應(yīng)用中,如果動(dòng)態(tài)添加一條新的用戶記錄,需要重新對(duì)該記錄的刪除按鈕進(jìn)行事件綁定。
參考答案:C
答案解析:
13.關(guān)于工廠模式,說(shuō)法錯(cuò)誤的是?
A、定義一個(gè)創(chuàng)建對(duì)象的接口,讓其子類自己決定實(shí)例化哪一個(gè)工廠類,工廠模式使其創(chuàng)建過(guò)程延遲到子類進(jìn)行
B、創(chuàng)建過(guò)程在其父類執(zhí)行
C、讓其子類實(shí)現(xiàn)工廠接口,返回的也是一個(gè)抽象的產(chǎn)品
D、主要解決接口選擇的問(wèn)題
14.以下關(guān)于盒子模型描述正確的是:
A、標(biāo)準(zhǔn)盒子模型中:盒子的總寬度 = 左右margin + 左右border + 左右padding + width
B、IE盒子模型中:盒子總寬度 = 左右margin + 左右border + width
C、標(biāo)準(zhǔn)盒子模型中:盒子的總寬度 = 左右margin + 左右border + width
D、IE盒子模型中:盒子總寬度 = width
15.head 標(biāo)簽中必不少的是( )
head 標(biāo)簽中必不少的是( )
A、<meta>
B、<link>
C、<title>
D、<script>
16.下面符號(hào)中,不屬于JavaScript運(yùn)算符的是()
A、$#
B、&&
C、==
D、=
17.在HTML頁(yè)面中,插入CSS樣式表的形式不包括()
A、嵌入式
B、索引式
C、外部式
D、內(nèi)聯(lián)式
18.下列 html 元素當(dāng)中,都屬于塊級(jí)元素的是
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閉包使用場(chǎng)景,錯(cuò)誤的是()
A、迭代器
B、生成器
C、數(shù)據(jù)緩存
D、釋放內(nèi)存
20.把鼠標(biāo)移到按鈕并點(diǎn)擊時(shí),會(huì)產(chǎn)生一串什么樣的事件?
A、active hover focus
B、foucs hover active
C、hover active foucus
D、hover focus active
21.下面正則表達(dá)式匹配哪個(gè)字符串?
re = /(?<=z)abc(?=:)/
A、z:abc:z
B、:abcz
C、zabc:
D、:zabc
參考答案:C
答案解析:(?<=z) 表示 匹配以(z)開(kāi)頭的字符串,并且捕獲(存儲(chǔ))到分組中
(?=:)表示 匹配以(:)結(jié)尾的字符串,并且捕獲(存儲(chǔ))到分組中
二、多選題(共8題,每題5分)
1.關(guān)于Web 語(yǔ)義化的說(shuō)法,正確的有?
A、語(yǔ)義化的含義就是用正確的標(biāo)簽做正確的事情
B、語(yǔ)義化讓頁(yè)面的內(nèi)容結(jié)構(gòu)化,結(jié)構(gòu)更清晰
C、語(yǔ)義化便于對(duì)瀏覽器、便于代碼閱讀、便于維護(hù)
D、語(yǔ)義化便于SEO, 頁(yè)面中多放置一些H1標(biāo)簽,會(huì)提高網(wǎng)頁(yè)的排名
參考答案:A,B,C
答案解析:h1擁有最高的權(quán)值,在一個(gè)頁(yè)面中最好指使用1個(gè)h1來(lái)突出你的內(nèi)容,太多的h1會(huì)分散其整個(gè)頁(yè)面的權(quán)重,對(duì)搜索引擎也是非常的不友好。
2.JavaScript中==運(yùn)算符的說(shuō)法正確的有?
A、如果兩個(gè)值類型相同,按照===比較方法進(jìn)行比較
B、如果其中一個(gè)值是null,另一個(gè)是undefined,它們相等
C、如果一個(gè)值是數(shù)字另一個(gè)是字符串,將字符串轉(zhuǎn)換為數(shù)字進(jìn)行比較
D、如果一個(gè)值是對(duì)象,另一個(gè)是數(shù)字或字符串,將對(duì)象轉(zhuǎn)換為原始值然后用==規(guī)則繼續(xù)比較
參考答案:A,B,C,D
答案解析:
==運(yùn)算符判斷相等的流程是怎樣的
如果兩個(gè)值類型相同,按照===比較方法進(jìn)行比較
如果類型不同,使用如下規(guī)則進(jìn)行比較
如果其中一個(gè)值是null,另一個(gè)是undefined,它們相等
如果一個(gè)值是數(shù)字另一個(gè)是字符串,將字符串轉(zhuǎn)換為數(shù)字進(jìn)行比較
如果有布爾類型,將true轉(zhuǎn)換為1,false轉(zhuǎn)換為0,然后用==規(guī)則繼續(xù)比較
如果一個(gè)值是對(duì)象,另一個(gè)是數(shù)字或字符串,將對(duì)象轉(zhuǎn)換為原始值然后用==規(guī)則繼續(xù)比較
其他所有情況都認(rèn)為不相等
3.給定一個(gè)正則表達(dá)式,請(qǐng)選擇它能匹配成功的項(xiàng)。 ( ) re = /^[aeiou]*d$/
A、d
B、aeioud
C、uoiead
D、aaad
參考答案:A,B,C,D
答案解析:^表示以某個(gè)字符或字符串開(kāi)頭
*表示包含前面字符串0個(gè)或多個(gè)
$表示以某個(gè)字符或字符串結(jié)尾.
4.哪些設(shè)計(jì)模式是降低資源使用率:
A、prototype
B、singleton
C、flyweight
D、abstract factory
5.以下哪些HTML標(biāo)簽屬于行內(nèi)元素:
A、`p`
B、`span`
C、`canvas`
D、`label`
E、`img`
6.JavaScript中關(guān)于===運(yùn)算符說(shuō)法正確的有?
A、如果兩個(gè)值都是null或者都是undefined,它們相等
B、如果兩個(gè)值都是布爾類型true或者都是false,它們相等
C、如果其中有一個(gè)是NaN,它們不相等
D、如果都是數(shù)值型并且數(shù)值相等,他們相等, -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.常見(jiàn)的瀏覽器端的存儲(chǔ)技術(shù)有哪些?
A、cookie
B、localStorage
C、session
D、userData
參考答案:A,B,D
答案解析:
**瀏覽器端:**
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
**服務(wù)器端:**
session
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
- 這篇文章主要介紹了Web前端面試筆試題總結(jié),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-02-18
- 這篇文章主要介紹了80道前端面試經(jīng)典選擇題匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)2020-01-08
- 這篇文章主要介紹了面試官常問(wèn)的web前端問(wèn)題大全,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-03
- 這篇文章主要介紹了前端十幾道含答案的大廠面試題總結(jié),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2020-01-02
- 這篇文章主要介紹了超實(shí)用前端面試題整理(小結(jié)),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-12-19
- 這篇文章主要介紹了2020最新Web前端經(jīng)典面試試題,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-19
- 這篇文章主要介紹了解析前端面試題2019年小米工程師面試題(附答案),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-27
- 這篇文章主要介紹了2019年京東前端工程師面試題(附答案),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-26
- 這篇文章主要介紹了2019年滴滴出行前端工程師面試題(附答案),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)2019-11-25
- 這篇文章主要介紹了2019年百度前端工程師面試題(附答案),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-11-22