杭州web前端培訓
達內杭州文教中心

13732203138

熱門課程

Web前端面試可能會遇到的問題集錦

  • 時間:2019-08-05 09:59
  • 發布:轉載
  • 來源:網絡

想要獲得以前Web前端工作,那就得先了解面試官的套路,總結了部分應聘前端工程師相關崗位時可能會被問到的問題,不過許多問題是開放式的,可能會引起一些有趣的討論。但一個問題的價值絕不僅僅是考察應聘者的專業能力,從一個人的回答中可以看出很多東西,比如性格、邏輯思維等。作為應聘者,應該學會從問題中分析出面試官想考察的是哪方面。本文為大家分享的是Web前端面試可能會遇到的問題集錦,下面我們一起來看一看吧!

準備參加Web前端面試可能會遇到的問題匯總!

一、通用問題庫

1、你最近學到了哪些新知識?是通過哪種方式學習的?

2、你最近遇到的技術挑戰是什么?又是如何解決的呢?

3、UI、安全、性能、SEO、可維護性或技術,你在構建Web應用程序時是如何考量這些因素的?比如先后順序是什么樣的?

4、可以描述一下你通常創建網頁時的工作流程嗎?

5、你能描述一下漸進增強和優雅降級之間的區別嗎?

6、請說出三種減少頁面加載時間(感知或實際加載時間)的方法。

7、如果你今年只可以掌握一種技術,你會優先選擇什么?

8、闡明標準和標準體(standards and standards bodies)重要性。

9、瀏覽器一次可以從特定域中下載多少資源?(瀏覽器并發請求數)?

10、Flash的Unstyled Content是什么? 你如何避免FOUC?

11、闡明ARIA和屏幕閱讀器是什么,以及如何使一個網站可訪問。

12、闡明CSS動畫和JavaScript動畫的優缺點。

13、你為什么從事這個工作?是因為感興趣嗎?

二、CSS問題

1、描述BFC及其工作原理。

2、請解釋CSS sprites,以及如何在頁面或網站上實現?

3、“重置”和“規范化”CSS之間的區別是什么? 你會選擇哪個,為什么?

4、描述z-index和如何形成堆棧上下文?

5、如何修復瀏覽器特定的樣式問題?

6、以視覺方式隱藏內容(并使其僅適用于屏幕閱讀器)的不同方法是什么?

7、你曾經使用過網格系統嗎?如果是,你認為它怎么樣?

8、你用過媒體查詢,或針對移動端的布局/CSS嗎?

9、編寫高效的CSS有什么“陷阱”?

10、使用CSS預處理器的優點/缺點是什么?你喜歡使用CSS預處理器嗎?

11、如何實現使用非標準字體的Web設計合成?

12、說明瀏覽器如何確定與CSS選擇器匹配的元素。

13、解釋一下你對框模型的理解,以及如何在 CSS 中告訴瀏覽器使用不同的框模型來渲染你的布局。

14、什么是* {box-sizing:border-box; } ? 它有什么優點?

15、相對,固定,絕對和靜態元素之間的區別是什么?

16、CSS中的'C'代表級聯。在分配樣式中如何確定優先級(可以列幾個示例)? 你如何使用這個系統?

17、你使用新的CSS Flexbox或Grid規范了嗎?

18、響應式設計與自適應設計有何區別?

19、什么時候會選擇使用translate()而不是絕對定位,為什么?

三、HTML 問題

1、全標準模式,幾乎標準模式和怪異模式有什么區別?

2、在設計或開發多語言網站時,必須注意什么問題?

3、將網頁作為應用程序/ xhtml + xml存在什么問題嗎?

4、如何為含有多種語言內容的網頁提供服務?

5、將HTML視為開放式網絡平臺。HTML5的構建塊是什么?

6、描述cookie,sessionStorage和localStorage之間的區別。

7、描述<script>,<script async>和<script defer>之間的區別。

8、一般來說,在<head> </ head>和JS <script>之間</ body>之前放置CSS <link>通常是個好主意? 你知道什么情況下例外嗎?

9、你以前使用過不同的HTML模板語言嗎?

四、JS 問題

1、解釋一下event delegation?闡明其在JavaScript中是如何工作的?

2、解釋一下JavaScript原型繼承工作原理?

3、你對AMD和CommonJS有什么看法?

4、解釋下為什么接下來這段代碼不是 IIFE(立即調用的函數表達式):function foo(){ }();要做哪些改動使它變成 IIFE?

5、匿名函數的典型用例是什么?

6、你如何組織大型JS應用中的代碼?

7、宿主對象和內置對象之間有什么區別?

8、函數Person(){},var person = Person()和var person = new Person()之間的差異?

9、什么時候使用document.write()?

10、特征檢測,特征推斷和使用UA字符串之間有什么區別?

11、使用Ajax的優點和缺點是什么?

12、解釋一下javascript變量聲明提升(hoisting)

13、“attribute”和“property”之間的區別是什么?

14、為什么擴展內置JavaScript對象不是一個好主意?

15、文檔加載事件和文檔DOMContentLoaded事件之間的差異?

16、什么是“use strict”? 使用它有什么優點和缺點?

17、創建一個循環,迭代到100,同時輸出“fizz”為3的倍數,“buzz”為5的倍數,“fizzbuzz”為3和5的倍數

18、為何通常會認為保留網站現有的全局作用域(global scope)不去改變它,是較好的選擇?

19、為什么要使用類似load事件的東西? 有什么缺點? 你知道有什么替代品?

20、請解釋什么是單頁應用 以及如何使其對搜索引擎友好seo?

21、使用Promises和回調分別有什么利弊?

22、使用一種可以編譯成 JavaScript 的語言來寫 JavaScript 代碼有哪些優缺點?

23、你用什么工具和技術調試JavaScript代碼?

24、闡明可變對象和不可變對象之間的區別。

不可變對象的利弊是什么?如何在自己的代碼中實現不變性?

25、調用堆棧和任務隊列之間的區別是什么?

26、解釋函數foo(){}和var foo = function(){}之間foo的用法差異

五、性能問題

1、在代碼中使用什么工具來查找性能錯誤?

2、有什么方法可以提高網站的滾動性能?

六、測試問題

1、測試代碼有什么優點/缺點?

2、使用什么工具來測試代碼的功能?

3、單元測試和功能/集成測試之間有什么區別?

七、網絡問題

1、傳統認為,利用多域名提供網站資源會更有效是為什么?

2、請描述從輸入 URL 到網頁加載完畢到顯示在屏幕上整個流程。

3、HTTP action是什么?請列舉你知道的所有 HTTP action。

八、有趣的問題

1、你最近接觸過或做過最有趣的項目是什么?

2、你結婚了嗎?有孩子嗎?(可能會考慮你是否愿意加班)

3、平時比較關注開源社區中的什么項目?

4、你養過寵物嗎?喜歡什么動物?

5、你最喜歡的瀏覽器內核是什么?為什么?

6、你喜歡喝咖啡嗎?或者其他什么飲料?(或許這就是傳說中的性格測試吧!)

以上就是小編今天為大家分享的關于準備參加Web前端面試可能會遇到的問題,希望對web的小伙伴有所幫助。

預約申請免費試聽課

怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

上一篇:Web前端開發面試時應該注意什么?
下一篇:web前端面試時如何脫穎而出?
選擇城市和中心
江西省

貴州省

廣西省

海南省

免费精品国产自在自线