1. 程式人生 > >js裡邊填充資料:點一次會閃一次的問題

js裡邊填充資料:點一次會閃一次的問題

1、結果圖
這裡寫圖片描述
2、問題描述:登入一個系統之後的獲取到登入之後學生的姓名和頭像然後放在進入頁面的header部分,這是通過公用的scaffold.js來寫入的,但是有個問題就是我們每次單擊導航nav的時候,都會載入一次scaffold.js這個檔案,因此就會出現一個頁面緩衝,就是請求介面回來的這個事件,所以我們看到的頭像和寧寧這兩個地方就會閃一次。但是因為我們是在同一個賬號裡邊進行操作的,我們當然不希望這個名字再閃。
3、解決方法:我們要在頁面載入完之前把這個資訊給到具體的位置。於是我們想到了頁面文件的載入順序。
php——sql——html ——css和js根據頁面的書寫順序載入顯示。所以我們最好是在Html頁面出來之前把資訊給獲得放在具體的位置。

header.php是我們公用的頭部載入檔案,所以我們可以在這個頭部檔案裡邊寫入php語言
這裡寫圖片描述

這是我們更改之後程式碼書寫,需要注意的是知道我們如果將php語言鑲嵌到html中。
$_COOKIE[‘nameInfo’],這個快取是在登入的時候login.js裡邊已經寫好了,這邊是通過php更快的獲取塞到對應的位置。

這樣就不會出現頭像閃的問題了。