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

文件合并（目的是減少http請求），減少http的請求方案主要有合并javascript和CSS文件、css sprites(這個方法主要是把你網站用的圖片整合起來統一管理，所以只需向服務器請求一次就好)、圖像映射和使用Data URI來編碼圖片。

文件壓縮，目的是減少下載體積。

使用CDN（內容分分發網絡）來托管。CDN基本思路是通過在網絡各處放置節點服務器所構成的現有互聯網基礎之上的智能虛擬網絡，CDN網絡能夠實時根據網絡流量和各節點的連接、負載狀況以及到用戶的距離和響應時間等綜合信息將用戶的請求重新導向離用戶最近的服務節點上。

緩存的使用（并且多個域名來提供緩存）

GZIP壓縮你的JS和CSS文件。

二、box-sizing:boder-box的好處

? ? ? box-sizing屬性，允許您以特定的方式定義匹配某個區域的特定元素。box-sizing屬性有三個屬性值

content-box	這是由 CSS2.1 規定的寬度高度行為。寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框
border-box	為元素設定的寬度和高度決定了元素的邊框盒。就是說，為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。
inherit	規定應從父元素繼承 box-sizing 屬性的值。

轉載于:https://www.cnblogs.com/jacky-jiao/p/5517326.html

總結

以上是生活随笔為你收集整理的前端笔试问题整理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。