前端開發想跳槽?先要知道這些面試題

ADVERTISEMENT

ADVERTISEMENT

  【IT168 評論】想跳槽?想漲薪?那就得先了解面試官的套路,小編總結了部分應聘前端工程師相關崗位時可能會被問到的問題,不過許多問題是開放式的,可能會引起一些有趣的討論。但一個問題的價值絕不僅僅是考察應聘者的專業能力,從一個人的回答中可以看出很多東西,比如性格、邏輯思維等。畢竟,人品才是最重要的,其次是團隊合作能力和學習能力。作為應聘者,應該學會從問題中分析出面試官想考察的是哪方面。


▲圖片源於網絡

  通用問題庫:

  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、你為什麼從事這個工作?是因為感興趣嗎?

ADVERTISEMENT

  ......

  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; } ? 它有什麼優點?

ADVERTISEMENT

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

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

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

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

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

  ......

  HTML 問題:

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

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

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

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

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

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

  7、描述

  8、一般來說,在

head>和JS
ADVERTISEMENT