一、如何對網(wǎng)站的文件和資源進行優(yōu)化

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

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

使用CDN（內(nèi)容分分發(fā)網(wǎng)絡(luò)）來托管。CDN基本思路是通過在網(wǎng)絡(luò)各處放置節(jié)點服務(wù)器所構(gòu)成的現(xiàn)有互聯(lián)網(wǎng)基礎(chǔ)之上的智能虛擬網(wǎng)絡(luò)，CDN網(wǎng)絡(luò)能夠?qū)崟r根據(jù)網(wǎng)絡(luò)流量和各節(jié)點的連接、負載狀況以及到用戶的距離和響應(yīng)時間等綜合信息將用戶的請求重新導(dǎo)向離用戶最近的服務(wù)節(jié)點上。

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

GZIP壓縮你的JS和CSS文件。

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

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/jacky-jiao/p/5517326.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。