頁面加載loading動畫

        關於頁面加載的loading動畫，能度娘到的大部分都是經過定時器+蒙層實現的，雖然表面上實現了動畫效果，實際上動化進程和頁面加載進程是沒有什麼關係的，只是設置幾秒鐘以後關閉蒙層，但假如頁面需要加載的元素不少，加載很慢的狀況下，有可能動畫結束蒙層消失了還會出現空白頁面，這樣的用戶體驗也仍是很糟的。這種實現方式大概是以下：

 

      第二種，相對比較優，是經過使用gif動圖和document.onreadystatechange來實現的，經過document.onreadystatechange來監聽頁面加載進程，當docunment.readyState=="complete"時，說明頁面已經加載完成，此時讓蒙層消失，大概是這樣的：

      第三種又是對第二種的優化，就是不用gif圖片，而是本身手寫動畫。

      實現的是一個純手工的波浪式加載動畫。