前端面試題收集，持續更新中

HTML

在線閱讀
Github地址

題目列表

• HTML

  • HTML和XHTML的區別
  • Html的語義化
  • Doctype的文檔類型
  • cookie、sessionSttorage、localStory區別
  • HTML全局屬性(global attribute)有哪些？
  • 常見的瀏覽器內核有哪些？
  • 介紹一下你對瀏覽器內核的理解？
  • webSocket如何兼容低瀏覽器？(阿里)
  • 如何實現瀏覽器內多個標籤頁之間的通訊? (阿里)
  • iframe有那些缺點？
  • href和src的區別?
  • 行內元素、塊級元素、空元素都有哪些?
  • Quirks模式是什麼？它和Standards模式有什麼區別?

• HTML5

  • 什麼是HTML5？
  • HTML5 爲何只須要寫 ？
  • Canvas和SVG的區別
  • HTML5有哪些新特性？
  • HTML5中的datalist是什麼？

CSS

在線閱讀
Github地址

題目列表

• CSS

  • CSS選擇器有哪些？哪些屬性能夠繼承？
  • link與@import的區別
  • css hack原理及經常使用hack
  • 介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不一樣的？
  • CSS中居中的幾種方式?
  • 不定寬高的 DIV，垂直水平居中
  • CSS 引入的方式有哪些? link 和@import 的區別是?
  • CSS隱藏元素的幾種方式及區別？
  • 漸進加強和優雅降級
  • 清除浮動的方法
  • 對BFC相關知識的瞭解
  • position屬性的做用
  • CSS優先級算法如何計算？
  • span標籤的width和height分別爲多少？
  • display:inline-block 何時會顯示間隙？
  • 常見的兼容性問題？

• CSS3

  • 介紹一下box-sizing
  • CSS3新增僞類有那些?
  • :before 和 ::before 區別?

JS

在線閱讀
Github地址

題目列表

• 你必須知道的Js面試題

  • 一、typeof bar潛在陷阱
  • 二、代碼塊1：下面的代碼將輸出到控制檯，爲何？
  • 三、代碼塊2：this有關代碼塊輸出結果？
  • 四、爲何要用當即執行函數表達式（Immediately-Invoked Function Expression）?
  • 五、嚴格模式下進行 Javascript 開發有什麼好處？
  • 六、兩個函數運行結果同樣嗎？爲何？
  • 七、NaN 是什麼？typeof 的結果是？若是判斷一個變量的值是 NaN？
  • 八、解釋一下下面有關浮點數代碼的輸出?
  • 九、寫一個方法 isInterger(x)，能夠用來判斷一個變量是不是整數
  • 十、在下面的代碼中，數字 1-4 會以什麼順序輸出？爲何會這樣輸出？
  • 十一、寫一個少於 80 字符的函數，判斷一個字符串是否是迴文字符串
  • 十二、寫一個按照下面方式調用都能正常工做的 sum 方法
  • 1三、根據下面的代碼片斷回答後面的問題
  • 1四、假設變量d是一個空的對象(object)
  • 1五、下面的代碼塊會輸出什麼？爲何？
  • 1六、下面的代碼塊會輸出什麼？爲何？
  • 1七、若是數組列表太大，下面的遞歸代碼將致使堆棧溢出。您如何修復並保留遞歸模式？
  • 1八、什麼是閉包（closure）？
  • 1九、下面代碼塊會輸出什麼？
  • 20、請解釋下面代碼塊的輸出結果
  • 2一、執行如下代碼時輸出是什麼？解釋一下爲何？
  • 2二、執行如下代碼時輸出是什麼？解釋一下爲何？
  • 2三、下面代碼塊輸出結果是多少？
  • 2四、下面的代碼塊，會輸出什麼？爲何？
  • 2五、執行如下代碼時輸出是什麼？解釋一下爲何？
  • 2六、建立一個函數，給定頁面上的DOM元素，將訪問元素自己和它的全部後代（不僅是其直系子女）。對於所訪問的每一個元素，函數應該將該元素傳遞給所提供的回調函數。
  • 2七、用JavaScript測試你的知識：如下代碼的輸出是什麼？
  • 2八、下面的代碼塊，會輸出什麼？爲何？
  • 2八、下面的代碼塊，會輸出什麼？
  • 30、如何克隆一個Object對象？
  • 3一、下面的代碼塊，會輸出什麼？
  • 3二、執行如下代碼時輸出是什麼？解釋一下爲何？
  • 3三、如何在數組的開頭添加元素？你怎麼在結尾加上一個？
  • 3四、下面有個代碼塊，根據賦值查看結果
  • 3五、typeof undefined == typeof NULL的結果？
  • 3六、下面代碼會返回什麼？
  • 3七、下面的代碼塊，會輸出什麼？爲何？

• Js基礎

  • NaN 是什麼？它的類型是什麼？你如何可靠地測試一個值是否等於 NaN ？
  • 記憶化斐波那契函數（Memoization）
  • javascript有哪幾種數據類型
  • 寫一個函數，知足curry(fn)(1)(2)(3)
  • undefined與null的區別
  • 如何獲取UA？

• 原型、原型鏈、繼承、做用域

  • 什麼是原型，原型有什麼特色?
  • 什麼是原型鏈，原型鏈有什麼特色?
  • 建立「內置」方法
  • 字符串增長原型方法spacify
  • 使用原生JS實現Number原型鏈方法
  • 代碼片斷，請輸出結果？

• 閉包

  • 代碼片斷輸出什麼？

• this

  • 對於this對象的理解
  • 經典關於this面試知識點題目
  • 一、代碼塊題
  • 二、代碼塊題
  • 三、代碼塊題
  • 四、代碼塊題

• Array

  • 找出數字數組中最大的元素（使用Math.max函數）
  • 下面代碼塊輸出結果？
  • 編寫一個函數，進行數組去重
  • 數組的原生方法有哪些？
  • 如何判斷一個變量是否爲數組？

• Promise

  • 代碼塊（阿里二面）

• 正則表達式Regexp

  • 檢驗一個字符串首尾是否含有數字
  • 對字符串var str = "1000000000" 進行科學計數法
  • 判斷字符串是否包含數字
  • 判斷是否符合 USD 格式
  • 對連字符串轉換爲駝峯命名法
  • 判斷是否以元音字母結尾
  • 郵政編碼的驗證（開頭不能爲0，共6位）
  • 匹配ip地址
  • 檢測人民幣金額，兩位小數

• Js Coding

  • 判斷工具代碼技巧

• JavaScript Puzzlers!(Js謎題)

  • 當parseInt遇到map
  • 關於null
  • 對於憤怒的reduce
  • 頭痛的優先級
  • 神鬼莫測之變量提高
  • 死循環陷阱
  • 過濾器魔法
  • 警戒IEEE 754標準
  • 字符串陷阱
  • 並不是都是奇偶
  • parseInt小賊
  • 數組原型是數組
  • 強制轉換
  • 關於「==」
  • 加號 VS 減號
  • 該死的代碼加減
  • 淘氣的map
  • 對於arguments
  • 損失精度的IEEE 754
  • 反轉reverse
  • 最小的正值
  • 謹記優先級
  • 最經典的WTF
  • 小數點魔法
  • 自動提高爲全局變量
  • 正則表達式
  • 數組比大小
  • 原型把戲
  • 構造函數的函數
  • 禁止修改函數名
  • 替換(replace)陷阱
  • Function的名字
  • 正則test陷阱
  • 逗號定義數組
  • 保留字 class
  • 無效日期
  • 神鬼莫測的函數長度
  • Date的面具
  • min與max共舞
  • 警戒全局匹配
  • 熟悉到陌生的Date
  • 匹配隱式轉換
  • 重複聲明變量

• 必看題目

  • setTimeout面試連擊題
  • 涉及同步、異步、做用域、閉包四連問

綜合

在線閱讀
Github地址

題目列表

• 網絡基礎、HTTP、TCP/IP

  • HTTP狀態碼及其含義
  • HTTP的請求方法
  • GET和POST區別？
  • http 2.0對於http 1.x有哪些優勢？
  • TCP/IP協議圖
  • TCP三次握手和四次揮手的全過程
  • TCP/IP 和 HTTP 的區別和聯繫是什麼？
  • OSI，TCP/IP，五層協議的體系結構，以及各層協議
  • 在下面的IP地址中屬於C類地址的是哪個?
  • 瞭解交換機、路由器、網關的概念，並知道各自的用途
  • 描述RARP(Reverse Address Resolution Protocol)協議
  • 從輸入URL到頁面加載發生了什麼

• React

  • 調用 setState 以後發生了什麼？
  • React 中 Element 與 Component 的區別是？
  • 什麼狀況下你會優先選擇使用 Class Component 而不是 Functional Component？
  • React 中 refs 的做用是什麼？
  • React 中 keys 的做用是什麼？
  • 若是你建立了相似於下面的Twitter元素，那麼它相關的類定義是啥樣子的？
  • Controlled Component 與 Uncontrolled Component 之間的區別是什麼？
  • 在生命週期中的哪一步你應該發起 AJAX 請求？
  • shouldComponentUpdate 的做用是啥以及爲什麼它這麼重要？
  • 如何告訴 React 它應該編譯生產環境版本？
  • 爲何咱們須要使用 React 提供的 Children API 而不是 JavaScript 的 map？
  • 概述下 React 中的事件處理邏輯
  • createElement 與 cloneElement 的區別是什麼？
  • 傳入 setState 函數的第二個參數的做用是什麼？
  • 此代碼塊有錯誤嗎？

• Vue

  • 你能寫一個 Vue 的雙向數據綁定嗎？
  • vue 如何解析模板？

• Node

  • 什麼是錯誤優先的回調函數？
  • 如何避免回調地獄？

• 算法

  • 常見排序算法的時間複雜度,空間複雜度
  • 素數: 你將如何驗證一個素數？

• 綜合

  • 前端須要注意哪些SEO?
  • hybrid 和 h5 有何區別？