首頁  >  文章  >  web前端  >  載入jQuery函式庫的最佳方法詳細說明及實作程式碼_jquery

載入jQuery函式庫的最佳方法詳細說明及實作程式碼_jquery

WBOY
WBOY原創
2016-05-16 17:44:591110瀏覽

由於目前Google的不穩定,而國內沒有好的同類服務,故這已不是最優方案。當然,你把Google庫路徑換成國內穩定且快速的路徑(如果存在),依然可以受用此方法帶來的各種好處。即便如此,綜合考慮的話,還是Google的最適合。

網站開發的專案中使用Google CDN的jQuery函式庫雖然載入速度很快,但呼叫本機伺服器的函式庫才可以確保萬無一失。而使用Wordpress內建jQuery函式庫的話,其結尾防止JS函式庫 衝突而加入的jQuery.noConflict()使得主題中所有jQuery程式碼都要做一些小修改,更可能導致一些外掛程式效果失效。 Paul Irish在HTML5 Boilerplate中使用的方法我認為非常不錯,分享給大家。

使用方法
使用下面的程式碼可以在Google CDN庫取得失敗時載入本地jQuery庫:

複製程式碼 程式碼如下:




在Wordpress主題中使用的方法為:
複製程式碼 程式碼如下:


Google CDN庫的地址採用了協議相對路徑,它可以很好的解決https引起的一些問題,具體可以看​​Paul Irish的介紹,當然你依舊可以使用帶有「http:」的路徑。
許多網站都採用Google CDN提供的jQuery庫,使用它可以得到出色的快取效果。 把jQuery程式碼統統放到頁面底部可以提高載入速度。 使用HTML5重構的頁面可省略掉type=”text/javascript」。


使用SAE開發者資源

由於Google服務最近有些問題,為了穩健,使用SAE的開發者資源是個省流量又提高速度的好方法。 SAE為新浪為其應用提供的開發者資源,其中就有jQuery函式庫。使用的話非常簡單,只要到SAE開發者中心找到合適的地址並替換掉上面代碼的Google CDN地址即可。例如:


複製程式碼

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn