- 相關推薦
前端工程師面試問題
Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的界面開發。制作標準優化的代碼，并增加交互動態功能，開發JavaScript以及Flash模塊，同時結合后臺開發技術模擬整體效果，進行豐富互聯網的Web 開發，致力于通過技術改善用戶體驗。
前端工程師面試問題參考
一般問題
★你用微博嗎?
→如果用，你都關注那些人?
★你用Github嗎?
→如果用，你關注的項目有什么?
★你關注的博客有那些?
★你使用那些版本管理系統，比如Git，SVN等?
★你常用的開發環境是怎樣的?比如操作系統，文本編輯器，瀏覽器，及其他工具等。
★你能描述一下你制作一個網頁的工作流程嗎?
★你能描述一下漸進增強和優雅降級之間的不同嗎?
→如果提到了特性檢測，可以加分。
★請解釋一下什么是語義化的HTML?
★你更喜歡在哪個瀏覽器下進行開發?你使用那些開發人員工具?
★你如何對網站的文件和資源進行優化?期待的解決方案包括：
· 文件合并
· 文件最小化/文件壓縮
· 使用CDN托管
· 緩存的使用
· 其他
★為什么利用多個域名來存儲網站資源會更有效?
→瀏覽器一次可以從一個域名下做多少資源?
★請說出三種減低頁面加載時間的方法。(加載時間指感知的時間或者實際加載時間)
★如果你接到了一個使用Tab來縮進代碼的項目，但是你喜歡空格，你會怎么做?
· 建議這個項目使用像EditorConfig (http://editorconfig.org) 之類的規范
· 為了保持一致性，轉換成項目原有的風格
· 直接使用VIM的retab命令
★請寫一個簡單的幻燈效果頁面
→如果不使用JS來完成，可以加分。
★你都使用那些工作來測試代碼的性能?
· 例如JSPerf (http://jsperf.com/)
· 例如Dromaeo (http://dromaeo.com/)
· 其它。
★如果今年你打算熟練掌握一項新技術，那會是什么?
★請談一下你對網頁標準和標準制定機構重要性的理解。
★什么是FOUC?你如何來避免FOUC?
HTML相關問題
★文檔類型的作用是什么?你知道多少種文檔類型?
★瀏覽器標準模式和怪異模式之間的區別是什么?
★使用XHTML的局限有那些?
→如果頁面使用’application/xhtml+xml’會有什么問題嗎?
★如果網頁內容需要支持多語言，你會怎么做?
★在設計和開發多語言網站時，有哪些問題你必須要考慮?
★在HTML5的頁面中可以使用XHTML的語法嗎?
★在HTML5中如何使用XML?
★’data-’屬性的作用是什么?
★如果把HTML5看作做一個開放平臺，那它的構建模塊有那些?
★請描述一下cookies、sessionStorage和localStorage的區別?
JS相關問題
★你使用過那些Javascript庫?
★你是否研究過你所使用的JS庫或者框架的源代碼?
★什么是哈希表?
★’undefined’變量和’undeclared’變量分別指什么?
★閉包是什么，如何使用它，為什么要使用它?
→你喜歡的使用閉包的模式是什么?
★請舉出一個匿名函數的典型用例?
★請解釋什么是Javascript的模塊模式，并舉出實用實例。
·如果有提到無污染的命名空間，可以考慮加分。
·如果你的模塊沒有自己的命名空間會怎么樣?
★你如何組織自己的代碼?是使用模塊模式，還是使用經典繼承的方法?
★請指出Javascript宿主對象和內置對象的區別?
★’.call’和’.apply’的區別是什么?
★請解釋’Funciton.prototype.bind’的作用?
★你如何優化自己的代碼?
★你能解釋一下JavaScript中的繼承是如何工作的嗎?
★在什么時候你會使用’document.write()’?
→大多數生成的廣告代碼依舊使用’document.write()’，雖然這種用法會讓人很不爽。
★請指出瀏覽器特性檢測，特性推斷和瀏覽器UA字符串嗅探的區別?
★請盡可能詳盡的解釋AJAX的工作原理。
★請解釋JSONP的工作原理，以及它為什么不是真正的AJAX。
★你使用過JavaScript的模板系統嗎?
→如有使用過，請談談你都使用過那些類似庫文件。比如Mustache.js、Handlebars等等。
★請解釋變量聲明提升。
★請描述一下事件冒泡機制。
★”attribute”和”property”的區別是什么?
★為什么擴展JavaScript內置對象是個壞做法?
★為什么擴展JavaScript內置對象是個好做法?
★請指出document load和document ready的區別。(這是個問題的問題)
★’==’和’===’有什么不同?
★你如何獲取瀏覽器URL中查詢字符串中的參數。
★請解釋一下JavaScript的同源策略。
★請解釋一下事件代理。
★請描述一下JavaScript的繼承模式。
★描述一種JavaScript memoization(避免重復運算)的策略。
★什么是三元條件語句?
★函數的參數元是什么?
★什么是”use strict”?使用它的好處和壞處分別是什么?
【前端工程師面試問題】相關文章：
前端工程師面試簡歷模板05-30
豆瓣網Web前端工程師的面試經歷10-10
工程師崗位面試問題12-12
pcb工程師面試問題11-27
如何面試Web前端開發10-10
網絡工程師面試問題07-06
前端工程師的崗位職責03-30
前端工程師崗位職責03-26
前端工程師的電子簡歷模板06-11
前端工程師電子簡歷模板01-05