前言 代碼重構是業內經常討論的一個熱門話題，重構指的是在不改變代碼外部行為的情況下進行源代碼修改，所以重構之前需要考慮的是重構后如何才能保證外部行為不改變。對於后端代碼來說，可以通過大量的自動化測試來確保重構后的代碼邏輯，可對於普遍缺乏自動化測試的前端代碼來說，重構之前一定要考慮再三才能下手 ...

的認可，並已經成為了Web前端開發中不可或缺的一個步驟。以下是代碼和資源壓縮的具體實踐方法。 1. We ...

前言 提高網站整體加載速度的一個重要手段就是提高代碼文件的網絡傳輸速度。之前提到過，所有的代碼文件都應該是經過壓縮了的，這可提高網絡傳輸速度，提高性能。除了壓縮代碼之外，精簡代碼也是一種減小代碼文件大小的手段。以下將討論CSS代碼相關的代碼精簡方案。 定義簡潔的CSS規則 CSS的每條 ...

前言 緩存，這是一個老生常談的話題，也常被作為前端面試的一個知識點。 本文，重點在與探討在實際項目中，如何進行緩存的設置，並給出一個較為合理的方案。 強緩存和協商緩存 在介紹緩存的時候，我們習慣將緩存分為強緩存和協商緩存兩種。兩者的主要區別是使用本地緩存的時候，是否需要向服務器驗證本地緩存是否 ...

為什么要講緩存、緩存到底有什么作用？ 下面我們來說一個場景我們有一個首頁菜單的布局基本是不會經常發生的變化，如果動態生成的 Web 頁被頻繁請求並且構建時需要耗用大量的系統資源，那么，如何才能改進這種情況的響應時間了？於是在這種情況下面緩存就起作用了，這樣我們就可以避免頻繁的去訪問服務器增加 ...

為什么要使用 Web 緩存 Web緩存一般分為瀏覽器緩存、代理服務器緩存以及網關緩存，本文主要講的是 瀏覽器緩存，其它兩種緩存大家自行去了解下。 Web 緩存游走於服務器和客戶端之間。這個服務器可能是源服務器（資源所駐留的服務器），數量可能是1個或多個；這個客戶端也可能是1個或多個。Web ...

網上關於WEB緩存的文章很多，今天匯總一下。 為什么要用緩存 一般針對靜態資源如CSS,JS,圖片等使用緩存，原因如下： 請求更快：通過將內容緩存在本地瀏覽器或距離最近的緩存服務器（如CDN），在不影響網站交互的前提下可以大大加快網站加載速度。 節省帶寬：對於已緩存的文件 ...

需求 在開發vue的項目中有遇到了這樣一個需求：一個視頻列表頁面，展示視頻名稱和是否收藏，點擊進去某一項觀看，可以收藏或者取消收藏，返回的時候需要記住列表頁面的頁碼等狀態，同時這條視頻的收藏狀態也需要更新, 但是從其他頁面進來視頻列表頁面的時候不緩存這個頁面，也就是進入的時候是視頻列表頁面 ...