javascript客户端解决方案 缓存提供程序

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。

这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器.

Starting Simple

复制代码 代码如下:

function CacheProvider() {
// values will be stored here
this._cache = {};
}Feature detect on local storage
try {
CacheProvider.hasLocalStorage = ('localStorage' in window) && window['localStorage'] !== null;
} catch (ex) {
CacheProvider.hasLocalStorage = false;
}

这里使用try catch的主要原因是 尽管firefox支持该属性,但是需要在about:config中设置并开启,否则将会报错。所以一个简单的if else不能满足需求。

下面我们将增加对象本地存储机制的支持。这个技术是借鉴了Christopher Blizzard的一篇不错的文章 Saving data with local storage

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleget
由于种种原因,例如:代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug,在这种情况下,debug就会变成一件头疼的事情。 在此分享一些JS调试方面的技巧,针对各种疑难杂症,往往能起到较好的效果。 Step 1:检查服务器直接render出来的内容 使用查看源文件的方式,这一步首先明确,页面HTML片段是否在服务器端就已经不正常了。 Step 2:比较实际的HTML内容和服务器render出来的原始内容之间的差异 可以使用一些前端工具(例如:IE下的开发人员工具、Firebug、Chro
this指触发事件的对象 复制代码 代码如下: input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/ 复制代码 代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id); //myinput alert(obj.value); //javascript中onclick

JavaScript中的类继承 - 2015-04-11 10:04:12

JavaScript Inheritance DouglasCrockford www.crockford.com And you think you're so clever and classless and free --John Lennon JavaScript一种没有类的,面向对象的语言,它使用原型继承来代替类继承。这个可能对受过传统的面向对象语言(如C++和Java)训练的程序员来说有点迷惑。JavaScript的原型继承比类继承有更强大的表现力,现在就让我们来看看。 Java JavaSc
虽然实现了延迟载入的视觉效果,但是通过httpwatch等工具就可以看到,页面载入完毕后又发布很多空请求,而空请求就是由这些被替换过的img标签产生的,空请求也会一定程度上增加页面的打开时间,所以jquery.lazyload.js并未真生的实现页面延迟载入。 我对jquery.lazyload.js做了一些修改,实现了页面的延迟载入,不仅仅是图片,html代码同样可以延迟载入,大大减少了页面发出的请求数,提高了页面的打开速度。 修改后的jquery.lazyload.js代码如下: jquery.lazy

jQuery实现预加载图片的方法 - 2015-04-11 10:04:12

本文实例讲述了jQuery实现预加载图片的方法。分享给大家供大家参考。具体分析如下: 这段js代码用于预加载图片,记住是预加载,不是后加载哟,就是在图片还不显示的时候就将图片下载到用户浏览器的缓存中,这样要显示的时候就非常快,无需再到服务器上去读取图片。 jQuery.preloadImages = function() { for(var i = 0; i arguments.length; i++) { $("img /").attr('src', arguments); }};//用法 $.prel
复制代码 代码如下: div id="p_box" onclick="a()" div id=p_cont /div /div #p_box包括#p_cont,当点击#p_box区域任何位置时(包括#p_cont),都会触发a事件。想要阻止点击#p_cont区域时触发a事件,需要在#p_cont区域内加入阻止事件冒泡的代码。 变成 复制代码 代码如下: div id="p_box" onclick="a()" div id="p_cont" onclick="stopBubble(this.id)" /d
复制代码 代码如下: try { var shell = new ActiveXObject("WScript.Shell"); //读注册表值 var key1 = shell.RegRead("HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\Run\\eip"); //删除注册表项 shell.RegDelete("HKEY_CURRENT_USER\\SOFTWARE\\Microsoft\\Windows\\Curr
特点: 1.不依赖与jquery 2.而且,好看些吧..支持很多实例,上传成功后.会有一个回调函数.比如缩略图地址显示出来 用法: 复制代码 代码如下: link href=#>script src="http://fineuploader.com/source/fineuploader-3.9.1.min.js"/script 复制代码 代码如下: var thumbnailuploader = new qq.FineUploader({ element: $('#thumbnail-fine-uplo
本文介绍了如何延迟javascript代码的加载,加快网页的访问速度。 当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点: 1、延迟加载js代码 复制代码 代码如下: script type=”text/javascript” src=”" id=”my”/script script type=”text/javascript” setTimeout(“document.getElementById(‘my').s