好程式設計師web前端分享常見面試題

　　1 、什麼是盒子模型 ?

 

　　在網頁中，一個元素佔有空間的大小由幾個部分構成，其中包括元素的內容 (content) ，元素的內邊距 (padding) ，元素的邊框 (border) ，元素的外邊距 (margin) 四個部分。這四個部分佔有的空間中，有的部分可以顯示相應的內容，而有的部分只用來分隔相鄰的區域或區域。 4 個部分一起構成了 css 中元素的盒模型。

 

　　2 、行內元素有哪些 ? 塊級元素有哪些 ?

 

　　行內元素： a 、 b 、 span 、 img 、 input 、 strong 、 select 、 label 、 em 、 button 、 textarea

 

　　塊級元素： div 、 ul 、 li 、 dl 、 dt 、 dd 、 p 、 h1-h6 、 blockquote

 

　　3 、簡述同步和非同步的區別

 

　　同步是阻塞模式，非同步是非阻塞模式。同步就是指一個程式在執行某個請求的時候，若該請求需要一段時間才能返回資訊，那麼這個程式將會一直等待下去，直到收到返回資訊才繼續執行下去 ; 非同步是指程式不需要一直等下去，而是繼續執行下面的操作，不管其他程式的狀態。當有訊息返回時系統會通知程式進行處理，這樣可以提高執行的效率。

 

　　4 、 px 和 em 的區別

 

　　px 和 em 都是長度單位。區別是： px 的值是固定的，指定是多少就是多少，計算比較容易。 em 得值不是固定的，並且 em 會繼承父級元素的字型大小。瀏覽器的預設字型高都是 16px 。所以未經調整的瀏覽器都符合： 1em=16px 。那麼 12px=0.75em,10px=0.625em

 

　　5 、 Javascript 中 callee 和 caller 的作用 ?

 

　　caller 是返回一個對函式的引用，該函式呼叫了當前函式 ;callee 是返回正在被執行的 function 函式，也就是所指定的 function 物件的正文。

 

　　一次完整的 HTTP 事務是怎樣的一個過程 ?

 

　　基本流程：

 

　　a. 域名解析 ;b. 發起 TCP 的 3 次握手 ;c. 建立 TCP 連線後發起 http 請求 ;d. 伺服器端響應 http 請求，瀏覽器得到 html 程式碼 ;e. 瀏覽器解析 html 程式碼，並請求 html 程式碼中的資源 ;f. 瀏覽器對頁面進行渲染呈現給使用者。

 

　　對前端工程師這個職位，你是怎麼樣理解的 ?

 

　　a. 前端是最貼近使用者的程式設計師，前端的能力就是能讓產品從 90 分進化到 100 分，甚至更好 b. 參與專案，快速高質量完成實現效果圖，精確到 1px;c. 與團隊成員， UI 設計，產品經理的溝通 ;d. 做好的頁面結構，頁面重構和使用者體驗 ;e. 處理 hack ，相容、寫出優美的程式碼格式 ;f. 針對伺服器的最佳化、擁抱最新前端技術。