前端面試題一

面試題

京東一面：html語義化，盒模型，行接元素塊接元素，瀏覽器兼容，浮動，選擇器，div和p的區別，em標籤

百度一面：塊接元素的水平垂直居中，閉包，輸入url發生什麼，AJAX

阿里一面：requirejs和seajs的區別，複用模塊如何引入，模塊化開發遵循什麼規範，AJAX做用，移動開發的實現，nodejs遵循什麼規範

一面比較基礎，基本上都能過，我就面過這三個公司，也就只記了一面的問題，二面問什麼我都不記得了，百度是一個比較注重算法和數據結構的公司，無論面什麼崗都會問數據結構和算法，計算機網絡也要好好學，沒有好項目基本就沒什麼說的，

前端和計算機相關知識

你能描述一下漸進加強和優雅降級之間的不一樣嗎

瀏覽器兼容問題

如何對網站的文件和資源進行優化?

關於先後端分離

關於瀏覽器內核(渲染引擎)

瀏覽器加載文件順序以及repaint/reflow

爲何使用多個域名來存儲網絡資源會更有效？

進程和線程的區別

前端開發的優化問題

Flash，Ajax各自的優缺點，使用中如何取捨？

CSS

css3

css居中的方式

請寫一個簡單的幻燈效果頁面

什麼是無樣式內容閃爍?如何避免?

display:none和visibility:hidden的區別

解釋浮動和工做原理

清除浮動

解釋CSS Sprits,以及你要如何使用?

你最喜歡的圖片替換方法是什麼?你將如何使用?

討論CSS hacks, 條件引用或其餘

如何爲有功能限制的瀏覽器提供網頁

在書寫高效CSS時會有哪些問題須要考慮?

如何優化網頁的打印樣式?

描述下你曾經使用過的CSS 預處理的優缺點

若是設計中使用了非標準的字體, 你將如何實現?

解釋下瀏覽器是如何判斷元素是否匹配某個 CSS 選擇器？

解釋一下你對盒模型的理解，以及如何在 CSS 中告訴瀏覽器使用不一樣的盒模型來渲染你的佈局。

僞類的用法

描述下"reset"css文件的做用和使用它的好處

請解釋一下 * { box-sizing: border-box; } 的做用, 而且說明使用它有什麼好處？

block, inline和inline-block的區別

css動畫和js動畫的優缺點

你用過媒體查詢，或針對移動端的佈局/CSS 嗎？

有哪些隱藏內容的方法(同時還要保證屏幕閱讀器可用)

CSS選擇器級別

alt和title的區別

知道bfc嗎?

行內元素，塊級元素，空元素各有哪些？

html

h5的改進:

什麼是語義化的html?

從前端角度出發談談作好seo應該注意什麼?

文檔類型(DOCTYPE)

使用XHTML的侷限有哪些?

若是網頁內容須要多語言,要怎麼作?

data-*屬性的做用

若是把 HTML5 看做作一個開放平臺，那它的構建模塊有哪些？

請描述一下 cookies，sessionStorage 和 localStorage 的區別？

瀏覽器本地存儲與服務器端存儲之間的區別

sessionStorage和頁面js數據對象的區別

canvas和svg的區別?

href和src的區別

js

ajax, 跨域, jsonp

apply和call的用法和區別:

bind函數的兼容性

解釋下事件代理

解釋下js中this是怎麼工做的?

繼承

AMD vs. CommonJS？

什麼是哈希表?

什麼是閉包? 閉包有什麼做用?

僞數組:

undefined和null的區別, 還有undeclared:

事件冒泡機制:　　

解釋下爲何接下來這段代碼不是 IIFE(當即調用的函數表達式)：function foo(){ }();?

"attribute" 和 "property" 的區別是什麼？

請指出 document load 和 document ready 兩個事件的區別。

什麼是use strict? 其好處壞處分別是什麼?

瀏覽器端的js包括哪幾個部分?

DOM包括哪些對象?

js有哪些基本類型?

基本類型與引用類型有什麼區別?

關於js的垃圾收集例程

ES5中, 除了函數,什麼可以產生做用域?

js有幾種函數調用方式?

描述事件模型?IE的事件模型是怎樣的？事件代理是什麼？事件代理中怎麼定位實際事件產生的目標？

js動畫有哪些實現方法?

還有什麼實現動畫的方法?

面向對象有哪幾個特色? 

如何判斷屬性來自自身對象仍是原型鏈?

ES6新特性

如何獲取某個DOM節點，節點遍歷方式

用LESS如何給某些屬性加瀏覽器前綴？

js異步模式如何實現？

事件機制，如何綁定事件處理函數

圖片預加載

若是在同一個元素上綁定了兩個click事件, 一個在捕獲階段執行, 一個在冒泡階段執行. 那麼當觸發click條件時, 會執行幾個事件? 執行順序是什麼?

js中怎麼實現塊級做用域?

構造函數裏定義function和使用prototype.func的區別？

Ajax原生

Jsonp的原理。怎麼去讀取一個script裏面的數據。

若是頁面初始載入的時候把ajax請求返回的數據存在localStorage裏面，而後每次調用的時候去localStorage裏面取數，是否可行

Cookie跨域請求能不能帶上

js異步的方法（promise，generator，async）

Get和post的區別

瀏覽器中輸入網址後到頁面展示的過程

瀏覽器是如何進行加載, 解析, 渲染的呢? 重點說一下瀏覽器渲染頁面的過程?

cookie和session的區別

同步和異步的區別

瀏覽器發送cookie時會發送哪幾個部分?

cookie由哪幾部分組成?

請描述一下 cookies，sessionStorage 和 localStorage 的區別？

瀏覽器本地存儲與服務器端存儲之間的區別

sessionStorage和頁面js數據對象的區別

js實現跨域

Cookie 是否會被覆蓋，localStorage是否會被覆蓋?

如何保持登錄狀態?

304是什麼意思？

強緩存和協商緩存的命中和管理

http請求和響應的消息結構

http請求頭有哪些字段

http響應常見狀態碼

簡述http 1.1 與 http 1.0的區別

請列舉三種禁止瀏覽器緩存的頭字段, 並寫出相應的設置值

和客戶端瀏覽器緩存相關的http頭

Post一個file的時候file放在哪的？

三次握手

tcp/ip／http對應哪一層 七層模型