引用
jsLoader.js来管理页面所需引入的js、css
JSLoader提供了JavaScript库共享资源
JSLoader被描述为一个零安装解决方案,允许Web站点无需学习如何安装即可使用新的工具包。该类型解决方案将使浏览器和代理缓存更加有效,并将防止多个站点维护各自版本的工具包。JSLoader的创造者回答了为什么创建它的问题:
快速应用,以及来自主机托管位置的简单原型(零安装)
企业级设置中的文件共享资源(帮助缓存和版本管理)
为开发者包含资产提供了一种简单方式,它将促进应用并给那些不想下载代码静态副本(维护梦魇)的人们以充分的价值
JSLoader不是第一个寻求满足这些需求的库。JSLoader的创造者之一,Dov Katz承认这一点并列出了类似的库:OpenJSAN 和OpenMV 。但表示它们不能完全满足需求。
当我被分派这一任务的时候,我所需要的是一个针对企业级环境产品就绪(production-ready)的、开发者友好的解决方案。我的主要目标是让开发者更容易使用script,他们不应该自己进行安装。直到所有由OpenAjax的Hub或OpenJSAN使用的脚本被准备好为止,JSLoader系统提供了足够的好处,让我们在一个企业级产品设置中进行处理。
在Ajaxian上有一个 有趣的讨论。众多的相关实现被提及,从Csi到jsPax。Kat指出许多争论归结为去了解它意欲何为(想要成为什么,不想成为什么)
在许多基本层级,这只不过是在页面上编写相同的脚本和风格标签,无需知道以什么顺序引入哪些脚本。仅仅这样对我的利益相关者就已经很有用了。它不是用来解决命名空间问题的,大多数情况下,一个企业设置状态都最终在你的浏览器缓存中,因为多个内部站点共享了同一个loader和众多资产。
一步:将jsloader.js引入
1种方式:(需连网)
<script src="http://vps.jsloader.com/assets/jsloader.js"></script>
2种方式:将jsloader先下载在放到某目录下
<script type="text/javascript" src="../resources/jsloader.js"></script>
二步:引入所需的js和css 此处注意它(../)会自动被截去
<script type="text/javascript">
JSLoader.loadJavaScript("/ExtTestPro/WebContent/resources/libs/ext/adapter/ext/ext-base.js");
JSLoader.loadJavaScript("/ExtTestPro/WebContent/resources/libs/ext/ext-all.js");
JSLoader.loadStyleSheet("/ExtTestPro/WebContent/resources/libs/ext/resources/css/ext-all.css");
</script>
jsloader.js下载:
分享到:
相关推荐
JavaScript Loader(如`jsloader.js`)是一种关键的前端开发工具,它允许开发者按需加载JavaScript模块,从而优化页面性能并提升用户体验。"One Page One Application"(通常缩写为SPA)模式是现代Web应用程序的常见...
- `jsloader.js`: 主要的JavaScript代码,实现了加载动画逻辑。 - `style.css`: 用于定义加载动画的样式。 - `demo.html`: 示例页面,展示了如何集成和使用`jsloader.ontowiki`。 使用步骤通常如下: 1. 将`...
jsLoader_javascript_zip_77jsCOM_是一个可能用于Chrome浏览器的JavaScript管理工具,通过manifest.json和background.js等文件实现JavaScript的启用和禁用功能。用户应根据需求谨慎使用,同时注意阅读README.md以...
**JSLoader: 动态加载JavaScript与CSS的JavaScript库** JSLoader是一款强大的JavaScript库,它的主要功能是实现在网页运行时动态地加载JavaScript和CSS资源。这种能力在现代Web开发中至关重要,因为优化页面加载...
实现js动态加载的重要js核心... jsloader.js scnu_lts2012-11-15上传 one page one application利器, 实现js动态加载...
`jsloader.js`可能是这样一个动态加载和管理JavaScript的库。它的具体实现可能包括异步加载、依赖管理等功能。通过引入这个库,开发者可以更方便地控制和组织代码,无需在每个HTML页面中手动添加新的JS引用。 `...
动态加载js,/**使用方法 * var jsLoader=new JsLoader(); *sLoader.onsuccess=function(){}成功时执行的方法 *jsLoader.onfailure=function(){}失败时执行的方法 * jsLoader.load("hello.js"); **/
JsLoader.js var MiniSite=new Object(); /** * 判断浏览器 */ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), ...
**JSLoader:异步加载JavaScript文件** 在网页开发中,JavaScript文件的加载是网页渲染过程中的关键步骤。大型应用往往包含多个JS文件,这可能导致页面加载速度变慢,影响用户体验。为了解决这个问题,开发者引入了...
JsLoader.js var MiniSite=new Object(); /** * 判断浏览器 */ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.test(window.navigator.userAgent.toLowerCase())...
JavaScript(Js)是一种广泛用于网页和网络应用的脚本语言,它主要负责处理客户端的交互逻辑,如表单验证、动态内容更新等。在实际开发中,有时我们需要加载大文件或者多个文件,这时就需要用到文件加载管理工具,...
s.src = c.engineDir + 'platform/jsloader.js'; d.body.appendChild(s); d.ccConfig = c; s.id = 'cocos2d-html5'; }); })(); ``` 此文件主要用于配置cocos2d-html5框架的基础参数,并初始化加载过程。其中`app...
s.src = c.engineDir + 'platform/jsloader.js'; d.body.appendChild(s); d.ccConfig = c; s.id = 'cocos2d-html5'; }); })(); ``` - **功能介绍**:这段JavaScript脚本主要负责配置引擎的基本设置,如调试...
JSloader是一种JavaScript资源加载器,用于动态加载外部JavaScript文件。在现代Web开发中,动态加载资源(如脚本、样式表或图片)是常见的需求,特别是在异步加载和模块化编程中。JSloader提供了一种机制,可以在...
s.src = c.engineDir + 'platform/jsloader.js'; d.body.appendChild(s); d.ccConfig = c; s.id = 'cocos2d-html5'; }); })(); ``` - **`c`对象**: 定义了cocos2d-html5运行时的配置选项,包括调试模式(`COCOS...
【JsLoader:js免杀shellcode,绕过杀毒添加自启】 JsLoader是一种恶意软件技术,它利用JavaScript代码来加载和执行恶意payload,目的是在用户计算机上绕过反病毒软件的检测并实现持久化。JavaScript由于其普遍存在...
在EXT-JS的早期版本中,它依赖于其他JavaScript库如Prototype或YUI来解决跨浏览器兼容性问题,但从1.1版开始,EXT-JS实现了自包含,不再需要额外的库。 在构建EXT-JS时,首先需要访问EXT-JS的官方网站,使用在线...