liudaoru

浏览: 1558539 次
性别:
来自: 北京

最近访客更多访客>>

fantaxy025025

金武飞扬

2720851545

talkweb_xiang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

一个js延迟加载的类库

博客分类：

Ajax

jQuery JSI JavaScript CSS .net

一直希望做一个可以动态的装载js的小类库，可是一直太忙，不过今天居然发现已经有人做了一个。

http://www.jondavis.net/blog/post/2008/04/Javascript-Introducing-Using-(js).aspx

不过他的级别只是到了文件，而我觉得控制的粒度最好能到对象的级别，这样就不会扔一堆没用的东西在内存里了。

------------------------

Javascript: Introducing Using (.js)

by Jon 4/12/2008 3:37:00 PM

I'm releasing v1.0 of using.js which introduces a new way of declaring dependency scripts in Javscript.

http://www.jondavis.net/codeprojects/using.js/

The way it works is simple. Add a <script src="using.js"> reference to the <head> tag:

<html>
<head>
    <script type="text/javascript" language="javascript" src="using.js"></script>
    <script type="text/javascript" language="javascript">
      // your script here
    </script>
</head>
<body> .. </body>
</html>

Then in your script, register your potential dependencies. (These will not get loaded until they get used!)

using.register("jquery", "/scripts/jquery-1.2.3.js");

Finally, when you need to begin invoking some functionality that requires your dependency invoke using():

using("jquery"); // loads jQuery and de-registers jQuery from using
$("a").css("text-decoration", "none");

using("jquery"); // redundant calls to using() won't repeat fetch of jQuery because jquery was de-registered from using
$("a").css("color", "green");

Note that this is only synchronous if the global value of using.wait is 0 (the default). You can reference scripts on external domains if you precede the URL in the using.register() statement with true and/or with an integer milliseconds value, or if you set the global using.wait to something like 500 or 1000, but then you must write your dependency usage scripts with a callback. (UPDATE: v1.0.1: Simply providing a callback will also make the load asynchronous.) No problem, here's how it's done:

using.register("jquery", true, "http://cachefile.net/scripts/jquery-1.2.3.js");
using("jquery", function() {
$("a").css("text-decoration", "none"); //async callback
});

Oh, and by the way, using.register() supports multiple dependency script URLs.

using.register('multi', // 'multi' is the name
'/scripts/dep1.js', // dep1.js is the first dependency
'/scripts/dep2.js' // dep2.js is the secon dependency
);

The goals of using.js are to:

Seperate script dependencies from HTML markup (let the script framework figure out the dependencies it needs, not the designer).
Make script referencing as simple and easy as possible (no need to manage the HTML files)
Lazy load the scripts and not load them until and unless they are actually needed at runtime

If you have bug reports or suggestions, please post comments here or e-mail me at jon@jondavis.net.

分享到：

The 6 Most Important CSS Techniques You ... | JavaScript and memory leaks[z]

2008-04-14 20:58
浏览 2422
评论(1)
论坛回复 / 浏览 (1 / 3392)
查看更多

1 楼 jasongreen 2008-04-14

不错，比JSI小

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个js延迟加载的类库

Javascript: Introducing Using (.js)

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

一个js延迟加载的类库

Javascript: Introducing Using (.js)

评论

发表评论

相关推荐

几个不错的ff下调试插件

20 种提升网页速度的技巧

25 个在 Web 中嵌入图表的免费资源

15个网站用户体验优化禁忌

让IE8兼容IE7

FF下分析页面加载的工具

IE6下页面显示空白的问题

支持IE6、IE7的关闭页面的函数

很弱很无奈的一段代码（打开的页面更新父窗口的链接）

js小脚本

处理一次性事件的模式

Linux：rsync服务器的快速搭建和使用

js导致的页面空白问题

IE6下history.back无效的问题

浏览器兼容比较好的设置min-width的方式

CSS代码分享：浏览器CSS Reset方法十例zz

在Javascript中，什么是闭包(Closure)

Unicode、GB2312、GBK和GB18030中的汉字[转]

空字符串的split

docType 相关的loose.dtd导致的无法获取scrollTop的解决

最近访客更多访客>>