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.針對伺服器的優化、擁抱