這30道Web前端面試題,一個(gè)小時(shí)內(nèi)你能否答得出來(lái)?

Web前端高薪的誘惑,學(xué)習(xí)門檻低,無(wú)論是學(xué)生黨還是工作者,都渴望著憑借著自己的能力,空余的時(shí)間,想學(xué)一下前端?;蛟S是愛好,或許是想從事這份工作。但是真的那么容易嗎?如今初級(jí)前端的工作,已經(jīng)接近飽和,并且供過(guò)于求的狀態(tài),企業(yè)需要的更多的是基礎(chǔ)牢固,至少會(huì)一門后端技能的前端開發(fā)工程師。已經(jīng)不再是以前所說(shuō)的切圖仔,美工。前端開發(fā)崗位在很多大企業(yè)屬于獨(dú)立的,需要專業(yè)技能的崗位。

你想知道自己的技術(shù)水平與高薪匹不匹配嗎?下面分享了一些Web前端的面試題,限時(shí)一小時(shí),你看看自己能夠答出多少道!


這些面試題都是一些非?;A(chǔ)的知識(shí),如果你能一個(gè)小時(shí)答出來(lái),說(shuō)明你的基礎(chǔ)還是挺不錯(cuò)的。

你試一下自己究竟能夠答出個(gè)什么水平!有沒有真本領(lǐng)?答案盡在這些面試題里!



一、HTML常見題目

01、Doctype作用?嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義?

02、HTML5為什么只需要寫?

03、行內(nèi)元素有哪些?塊級(jí)元素有哪些?空(void)元素有那些?

04、頁(yè)面導(dǎo)入樣式時(shí),使用link和@import有什么區(qū)別?

05、介紹一下你對(duì)瀏覽器內(nèi)核的理解?

06、常見的瀏覽器內(nèi)核有哪些?

07、html5有哪些新特性、移除了那些元素?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題?

08、如何區(qū)分HTML和HTML5?

09、簡(jiǎn)述一下你對(duì)HTML語(yǔ)義化的理解?

10、HTML5的離線儲(chǔ)存怎么使用,工作原理能不能解釋一下?


二、CSS類的題目

01、介紹一下標(biāo)準(zhǔn)的CSS的盒子模型?與低版本IE的盒子模型有什么不同的?

02、CSS選擇符有哪些?哪些屬性可以繼承?

03、CSS優(yōu)先級(jí)算法如何計(jì)算?

04、CSS3新增偽類有那些?

05、如何居中div?如何居中一個(gè)浮動(dòng)元素?如何讓絕對(duì)定位的div居中?

06、display有哪些值?說(shuō)明他們的作用。

07、position的值relative和absolute定位原點(diǎn)是?

08、CSS3有哪些新特性?

09、請(qǐng)解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場(chǎng)景?

10、用純CSS創(chuàng)建一個(gè)三角形的原理是什么?


三、JavaScript類的題目

01、JavaScript 中 this 是如何工作的

02、請(qǐng)解釋原型繼承 的原理。

03、什么是閉包 (closure),如何使用它,為什么要使用它?

04、.call 和 .apply 的區(qū)別是什么?

05、請(qǐng)指出 JavaScript 宿主對(duì)象 (host objects) 和原生對(duì)象 (native objects) 的區(qū)別?

06、請(qǐng)指出以下代碼的區(qū)別:function Person(){}、var person = Person()、var person = new Person()?

07、請(qǐng)解釋變量聲明提升 (hoisting)。

08、什么是 “use strict”; ? 使用它的好處和壞處分別是什么?

09、什么是事件循環(huán) (event loop)?

10、請(qǐng)解釋同步 (synchronous) 和異步 (asynchronous) 函數(shù)的區(qū)別。

如果你答出了絕大多數(shù)的或者是全部的題,并且答案也正確了,那么恭喜你……

你這時(shí)心里是不是有點(diǎn)小竊喜,認(rèn)為自己有能力拿高薪了?雖然也很想這么告訴你,但事實(shí)上這只能表明你的基礎(chǔ)扎實(shí),畢竟這只是一些基礎(chǔ)的面試題。

如果你只答出了小部分或者答出了大部分題但答案不正確,那么我只想說(shuō):“騷年,你的水平還差的遠(yuǎn)呢?!边B這么基礎(chǔ)的題你都打不出來(lái),還想拿高薪?回去再練一段時(shí)間吧!

扎實(shí)的基礎(chǔ)是你拿高薪的重要武器,如果你連基礎(chǔ)都不扎實(shí),那么想要攻克“高薪”這個(gè)厚實(shí)的堡壘,那只是癡人說(shuō)夢(mèng)罷了。

如果你依然在編程的世界里迷茫,不知道自己的未來(lái)規(guī)劃,可以加入前端學(xué)習(xí)交流q-u-n-:545667817

里面可以與大神一起交流并走出迷茫。新手、進(jìn)階。可進(jìn)群免費(fèi)領(lǐng)取學(xué)習(xí)資料,看看前輩們是如何在編程的世界里傲然前行。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容