以下是一些HTML5和jQuery Preloading插件/脚本 ,可为您的HTML5网络应用带来更好的用户体验。 插件/脚本从您的静态资产和/或链接的CSS样式表中加载文本内容,图像,背景,视频,音频等。 请享用!
相关文章:
1. jQuery.html5Loader
它可以预加载图像,html5视频和音频源,脚本和文本文件。
2. basket.js
这是一个小的JavaScript库,支持脚本的localStorage缓存。
例:
单个脚本
basket.require({ url: 'jquery.js' });
Multiplt脚本
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. CreateJS
一套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);
}
From: https://www.sitepoint.com/html5-jquery-preloading-plugins/