4 HTML5 &jQuery 預加載插件/腳本
這裡有一些 HTML5 和 jQuery 預加載插件/腳本 為您的 HTML5 Web 應用程序帶來更好的用戶體驗。插件/腳本從您的靜態資產和/或鏈接的 CSS 樣式表中加載文本內容、圖像、背景、視頻、音頻等。享受吧!
相關帖子:
- 10 個 jQuery 預加載圖像插件
- 2 分鐘內預加載 WEB APP 圖片設置
1。 jQuery.html5Loader
它可以預加載圖片、html5視頻和音頻源、腳本和文本文件。
源碼演示
2。籃子.js
它是一個小型的 JavaScript 庫,支持腳本的 localStorage 緩存。
例子:
單個腳本
basket.require({ url: 'jquery.js' });
多重腳本
basket.require(
{ url: 'jquery.js' },
{ url: 'underscore.js' },
{ url: 'backbone.js' }
);
來源
3。 jquery-ajax-html5-cache
ajax 請求的緩存以減少請求。
$.ajax({
url: 'test.json',
dataType: 'json',
localCache: true, // enable localStorage
forceCache: false, // force to make an ajax request and cache it
cacheKey: 'mydata', // the item name in the localStorage
cacheTTL: 3, // the cache live for how long in seconds, default is 60 sec
success: function(o){
console.log(o); //see new ajax function .done()
}
})
來源
4。創建JS
一套 Javascript 庫和工具,用於使用 HTML5 構建豐富的交互式體驗。
PreloadJS 示例
var preload = new createjs.LoadQueue();
preload.addEventListener("fileload", handleFileComplete);
preload.loadFile('http://createjs.com/images/404/gBot-confused.jpg');
function handleFileComplete(event) {
document.body.appendChild(event.result);
}
來源