電商網站為何不直接綁定數據，而使用js定義數據

京東等等，為何不直接綁定頁面數據，而是用js var data=[]...定義然後將數據綁定在頁面上。

• 前後端分離？

• 性能最佳化？

回覆內容：

京東等等，為何不直接綁定頁面數據，而是用js var data=[]...定義然後將數據綁定在頁面上。

• 前後端分離？

• 性能最佳化？

像京東淘寶這類大型網站，資料的讀取都是很複雜的，不是簡單的從一個介面讀取。主要大概數據分為以下幾種

• 直接讀取資料
  直接從伺服器讀取最新資料。只有一部分數據會這樣做，因為對服務壓力太大。這一步可能是服務端渲染。

• 快取資料
  如果從服務端讀取最新資料失敗，或即時性不強，不需要讀取最新數據，則使用快取資料。以減輕對資料庫的壓力。

• 容災資料
  如果機器突發故障，或程式崩潰，直接讀取資料和快取資料全部失敗，則使用容災資料。容災資料一般是成功讀取前兩種資料成功後localStorage或userData儲存到客戶端的。即使伺服器端發生故障，頁面也能正常顯示。只是有可能不是最新數據而已。

  所以像淘寶京東這種，即使出現故障。也不會影響使用者瀏覽（可能會影響操作）。

所以只看題主圖很難分析為什麼要這樣使用。

把渲染放到客戶端，減輕伺服器壓力