中後台的產品常有大量資料需要載入的情況，會導致整體頁面載入緩慢，頁面有較長時間停留於空白狀態，使用者也容易因這種長時間的空白狀態而焦慮不安(尤其是演示、工作急需之時)。
中後台頁面載入
作用
何時使用
新頁面載入，頁面模組單一，內容固定無需大量資料載入
形式
1、導航不變
2、內容區域內顯示載入動畫和文字「內容載入中，請稍後...」(如果頁面包含tab欄和篩選欄，tab欄和篩選欄優先載入)
3、載入完成後，loading自動消失，顯示具體內容
何時使用
無需跳轉頁面，當前頁面tab切換或篩選完成
形式
1、導航、tab、篩選不變
2、容器優先載入，容器內顯示載入動畫和文字「內容載入中，請稍後...」
3、載入完成後，loading自動消失，顯示具體內容
當前頁面儲存/修改/刪除操作後
何時使用
當前頁面儲存/刪除/修改操作後，頁面無需跳轉，資料重新整理
形式
1、導航等不變
2、內容區域70%白色遮罩+載入動畫，文字「內容載入中，請稍後...」
3、載入完成後，loading自動消失，顯示具體內容
跳轉到第三方網頁
何時使用
跳轉到第三方網頁時，在當前頁面先載入再跳轉
形式
1、頁面內容不變，頁面頂部出現載入進度條
2、載入完成後，跳轉到第三方頁面
何時使用
**內容需資料載入
形式
1、導航不變
2、容器優先載入，容器內顯示載入動畫，文字「內容載入中，請稍後...」
3、載入完成後，loading自動消失，顯示具體內容，容器自動適應
複雜內容
何時使用
新頁面載入，頁面布局複雜
形式
1、先載入容器，顯示模組大標題等固定內容
2、資料需載入的區域顯示佔位
3、載入完成後，佔位自動消失，顯示具體內容，容器自動適應
最後，麻煩大家「點讚」，「在看」，「分享」，「關注」一下，給予我寫文的動力，謝謝。
React 頁面載入後自動執行onClick事件
1 styles.delbtn styles.delfirst onclick 刪除 onremove index this.state console.log placetime,index placetime.splice index,1 this.setstate 刪除按鈕繫結的onremov...
頁面的easyui 樣式後載入處理方式
jsp頁面確保easyui 無誤時，可以由以下方法解決頁面樣式後載入問題 js 控制 function script html class datagrid mask style z index 99999 display block width 100 height 100 div class d...
Js及Jquery頁面載入後執行的函式
window.onload function 使用 document ready 一般來說都要優於試用onload事件處理程式，但必須要明確一點的是，因為支援檔案可能還沒有家在完成，所以類似影象的高度和寬度這樣的屬性此時不一定有效。document ready function 簡寫為 functi...