最新前端開發面試題彙總 （題目列表頁）

HTML

• Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?
• 行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
• 介紹一下CSS的盒子模型？
• link 和@import 的區別是？
• CSS 選擇符有哪些？哪些屬性能夠繼承？優先級算法如何計算？ CSS3新增僞類有那些？
• 如何居中div？如何居中一個浮動元素？
• 瀏覽器的內核分別是什麼?
• html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分 HTML 和 HTML5？
• 語義化的理解？
• HTML5的離線儲存？
• (寫)描述一段語義的html代碼吧。
• iframe有那些缺點？
• Label的做用是什麼？是怎麼用的？（加 for）
• 請描述一下 cookies，sessionStorage 和 localStorage 的區別？
• 如何實現瀏覽器內多個標籤頁之間的通訊? (阿里)
• webSocket如何兼容低瀏覽器？(阿里)
• 你是怎麼切圖的？

CSS

• 列出display的值，說明他們的做用。position的值， relative和absolute定位原點是？
• CSS3有哪些新特性？
• 一個滿屏 品 字佈局 如何設計?
• 常常遇到的瀏覽器的兼容性有哪些？緣由，解決方法是什麼，經常使用hack的技巧 ？
• 爲何要初始化CSS樣式。
• absolute的containing block計算方式跟正常流有什麼不一樣？
• position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣？
• 對BFC規範的理解？
• css定義的權重？
• 解釋下浮動和它的工做原理？清除浮動的技巧
• 用過媒體查詢，針對移動端的佈局嗎？
• 使用 CSS 預處理器嗎？喜歡那個？
• CSS 優化、提升性能的方法有哪些？
• 瀏覽器是怎樣解析CSS選擇器的？
• 在網頁中的應該使用奇數仍是偶數的字體？爲何呢？
• margin和padding分別適合什麼場景使用？
• 你對line-height是如何理解的？
• 怎麼讓Chrome支持小於12px 的文字？
• 若是須要手動寫動畫，你認爲最小時間間隔是多久，爲何？（阿里）
• display:inline-block 何時會顯示間隙？(攜程)

JavaScript

• 用原生JS寫過東西嗎？
• JavaScript型，原型鏈 ? 有什麼特色？
• eval是作什的？
• null，undefied 的區別？
• 寫一個通用事件偵聽器函數。
• Node.js的適場景？
• 介紹js的基本據類型。
• Javascript如何現繼承？
• ["1", "2", "3"].ma(parseInt) 答案是多少？
• 如何建立一個對象? （畫此對象的內存圖）
• 談談This對象的解。*事件、IE與火狐的事件機制有什麼區別？ 如何阻止冒泡？
• 什麼是閉包（closure），爲何要用它？
• "use strict";是什麼意思 ? 使用它的好處和壞處分別是什麼？
• 如何判斷一個對象是否屬於某個類？
• new操做符具體幹了什麼呢?
• Javascript中，有一個函數，執行時對象查找時，永遠不會去查找原型，這個函數是？
• JSON 的瞭解？* js延遲加載的方式有哪些？
• ajax 是什麼?
• 同步和異步的區別?
• 如何解決跨域問題?
• 模塊化怎麼作？
• AMD（Modules/Asynchronous-Definition）、CMD（Common Module Definition）規範區別？
• 異步加載的方式有哪些？
• .call() 和 .apply() 的區別？
• Jquery與jQuery UI 有啥區別？
• JQuery的源碼看過嗎？能不能簡單說一下它的實現原理？
• jquery 中如何將數組轉化爲json字符串，而後再轉化回來？
• 針對 jQuery 的優化方法？
• JavaScript中的做用域與變量聲明提高？
• 如何編寫高性能的Javascript？
• 那些操做會形成內存泄漏？
• JQuery一個對象能夠同時綁定多個事件，這是如何實現的？
• 如何判斷當前腳本運行在瀏覽器仍是node環境中？（阿里）

其餘問題

• 你遇到過比較難的技術問題是？你是如何解決的？
• 常使用的庫有哪些？經常使用的前端開發工具？開發過什麼應用或組件？
• 頁面重構怎麼操做？
• 列舉IE 與其餘瀏覽器不同的特性？
• 99%的網站都須要被重構是那本書上寫的？
• 什麼叫優雅降級和漸進加強？
• WEB應用從服務器主動推送Data到客戶端有那些方式？
• 對Node的優勢和缺點提出了本身的見解？
• 你有哪些性能優化的方法？
• http狀態碼有那些？分別表明是什麼意思？
• 一個頁面從輸入 URL 到頁面加載顯示完成，這個過程當中都發生了什麼？（流程說的越詳細越好）
• 除了前端之外還了解什麼其它技術麼？你最最厲害的技能是什麼？
• 你經常使用的開發工具是什麼，爲何？
• 對前端界面工程師這個職位是怎麼樣理解的？它的前景會怎麼樣？
• 你怎麼看待Web App 、hybrid App、Native App？
• 加班的見解？
• 平時如何管理你的項目？
• 如何設計突發大規模併發架構？
• 說說最近最流行的一些東西吧？常去哪些網站？
• 移動端（Android IOS）怎麼作好用戶體驗?
• 你在如今的團隊處於什麼樣的角色，起到了什麼明顯的做用？
• 你認爲怎樣纔是全端工程師（Full Stack developer）？
• 介紹一個你最得意的做品吧？
• 你常去那些技術博客？
• 最近在學什麼？能談談你將來3，5年給本身的規劃嗎？

有趣的問題

A、B兩人分別在兩座島上。B生病了，A有B所須要的藥。C有一艘小船和一個能夠上鎖的箱子。C願意在A和B之間運東西，但東西只能放在箱子裏。只要箱子沒被上鎖，C都會偷走箱子裏的東西，無論箱子裏有什麼。若是A和B各自有一把鎖和只能開本身那把鎖的鑰匙，A應該如何把東西安全遞交給B？

答案：A把藥放進箱子，用本身的鎖把箱子鎖上。B拿到箱子後，再在箱子上加一把本身的鎖。
箱子運回A後，A取下本身的鎖。箱子再運到B手中時，B取下本身的鎖，得到藥物。

轉：W3Cmark (http://www.w3cmark.com/2015/375.html)