公司人慢慢都走了，所以我也託同事內推一家公司，很久很久沒有面試，很少複習這些面試題，感覺自己屬於會寫不會說的人，好好準備一下面試，爭取通過~加油吧
流式布局：也就是百分比布局(viewport)， 使用非固定畫素來定義網頁內容，通過盒子的寬度設定成百分比來根據螢幕的寬度來進行伸縮，不受固定畫素的限制，內容向兩側填充。
響應式開發： 就是乙個**能夠相容多個終端。css3中的media query（媒介查詢)通過查詢screen的寬度來指定某個寬度區間的網頁布局。 由於響應式開發顯得繁瑣些，一般使用第三方響應式框架來完成，比如bootstrap來完成一部分工作。
響應式開發和移動web開發的區別
開發方式 移動web開發+pc開發 響應式開發
應用場景 一般在已經有pc段的**，開發移動站的時候，只需單獨開發移動端 針對新建站的一些**，現在要求適配移動端，所以就一套頁面相容各種終端，靈活
開發 針對性強，開發效率高 相容各種終端，效率低
適配 只是陪移動裝置，pad上體驗相對較差 可以適配各種終端
效率 **簡潔，載入快 **相對複雜，載入慢
最好使用兩張不同大小的去適配大螢幕和超小螢幕，這樣可以針對不同裝置的螢幕大小，來載入響應的，減少超小螢幕裝置的網路流量消耗，加快響應速度，同時防止在大螢幕下解析度不夠導致失真的問題。
答：12列 .col-xs- 超小螢幕手機 (<768px) .col-sm- 小螢幕平板 (≥768px) .col-md- 中等螢幕桌面顯示器 (≥992px) .col-lg- 大螢幕大桌面顯示器 (≥1200px)
移動端新增了觸控事件。沒有滑鼠事件和hover事件。 另外包括移動端彈出的手機鍵盤的處理，這樣的問題在pc端都是遇不到的。/5、
zepto中沒有為原型定義extend方法而jquery有。
zepto新添了touch事件，zepto是模組化的庫
zepto是不支援ie瀏覽器的
設定viewport進行縮放、響應式做法、流式布局、rem能等比例適配所有螢幕
前端面試題 （一）
此處省略一萬個字表達我的心情.通常當滑鼠滑動到元素上的時候顯示 alt是 get方法 傳送乙個請求來取得伺服器上的某一資源 post方法 向url指定的資源提交資料或附加新的資料 put方法 跟post方法很像，也是想伺服器提交資料。但是，它們之間有不同。put指定了資源在伺服器上的位置，而post...
前端面試題（一）
部落格說明 1 請你講一下js監聽物件屬性的改變具體是怎麼實現的，它們各自有什麼特點？object.defineproperty user,name 缺點 如果id不在user物件中，則不能監聽id的變化 var user new proxy 這樣即使有屬性在user中不存在，通過user.id來定...
前端面試題
sprites是什麼和為什麼要使用他們？css 精靈 把一堆小的整合到一張大的上，減輕伺服器對的請求數量 有可能替代sprites的方法是什麼？svg圖示，字型圖示，字元編碼等等。1 在div排版的時候，假設現在是100px的寬，我在盒子左側用padding left留個10px的白，div就撐開了...