
98
|
第六章
.script('/js/jquery.js').wait()
.script('/js/jquery-ui.js')
.script('/js/vapor.js');
</script>
這段範例程式碼裡的所有 script 檔案,都會以並行傳輸的方式載入網頁,不過 LABjs 能
保證
jquery.js
一定會比
jquery-ui.js
和
vapor.js
先被執行。這套 API 非常簡潔,如果想知
道更多進階功能(像是支援 inline scripts),可以閱讀官方網站所提供的說明文件(
http://
labjs.com/documentation.php
)。
一閃而過的網頁素顏(FUBC)
在使用上述任一種 script 載入器時,都需要特別注意一個地方:使用者可能會在載入
網頁的過程中,看到「一閃而過的網頁素顏」(Flash of Unbehaviored Content,簡稱
FUBC)—也就是說,在還沒開始執行任何 JavaScript 程式碼之前,未經任何程式處理
過的網頁,可能會很短暫的出現在使用者眼前。如果沒有透過任何 JavaScript 程式調整
網頁元件的 CSS 樣式或其他內容,可以不用擔心這種狀況。不過如果有,倒也不是沒有
辦法解決。可以先替網頁元件設定一些初始的 CSS 樣式,也可以在載入網頁時隱藏一些
網頁元件,或是在載入網頁時,讓使用者看到一個呈現「載入中」的畫面。