怎么使用Dojo

html-css09

怎么使用Dojo,第1张

构成要素Dojo提供各种针对不同开发者的特性。对于初学者,它提供服务器端开发者小部件。HTML/CSS开发者可以开发出模板驱动的小部件。它还提供一个有于开发稳健Web应用程序的强大JavaScript库。Dojo的基础是一个在文档资料中称作base(基本成分)的小型库。它包括AJAX、事件处理、特效、CSS查询、语言实用工具等。这个基本库包含在核心Dojo文件(Dojo.js)中。此外,核心文件中还包含拖放、AJAX扩展表单和I/O、JSON-RPC、国际化和后退按钮处理等功能。它提供的有效库和选项的数量可能非常庞大。前面提到的小部件通过一个叫做Dijit的小部件系统提供,这个系统位于Dojo的顶部。Dijit允许你用很少或不用JavaScript建立强大的Web界面。Dojo的独特特色包括:内置的国际化和本地化支持、所有Dijit小部件提供完整的易访问性微调、支持连贯键盘事件处理的基础架构、并能够仅使用CSS处理所有Dijit组件。Dojo利用一个类似于Java软件包的基于模块的基础架构。当你需要知道加载哪些库和以何种顺序加载这些库时,这消除你遇到其它工具箱的问题。有一个简单的例子说明了如何使用日历小部件。下面的网页允许用户使用日历下拉小部件选择两个日期值。

js中自动清除ie缓存方法 — 常用

对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.

但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做?

方法一: Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属性的含义: “默认为启用浏览器缓存,否则将通过自动增加不同的参数来确保浏览器缓存失效” 我们只要把此属性赋值为:“true”即可。

方法二: document.write("

其中 ver=113 的 113就是版本号,一般都是采用 CVS 或其他工具生成的开发版本号。

这样真正做到了应该缓存的时候缓存静态文件,当版本有更新的时候从获取最新的版本,并更新缓存。

对于图像 来有效利用和更新缓存.

js清除浏览器缓存 二

为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新),即使在 这段时间内服务器的js或css或图片文件已经更新多次,但浏览器的数据依然是原来最能初cache的旧数据,有没有办法让浏览器拿到已经修改后的最新数 据呢?

有,方法是用ajax请求服务器最新文件,并加上请求头If-Modified-Since和Cache-Control,如下:

[url=] 复制代码 [/url]代码如下:

$.ajax({

type: "GET",

url: "static/cache.js",

dataType: "text",

beforeSend :function(xmlHttp){

xmlHttp.setRequestHeader("If-Modified-Since","0")

xmlHttp.setRequestHeader("Cache-Control","no-cache")

}

})

这里用了jquery.

这样浏览器就会把最新的文件替换掉本地旧文件。

当然,这里还一个问题就是js必须知道服务器更新了那个js、css、图片,利用cookie和时间版本应该可以解决.

jquery自从1.2开始就有ifModified和cache参数了,不用自己加header

ifModified Boolean Default: false

Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.

cache Boolean Default: true

Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

[url=] 复制代码 [/url]代码如下:

$.ajax({

type: "GET",

url: "static/cache.js",

dataType: "text",

cache:false,

ifModified :true

})