Atitit.js模块化 atiImport 的新特性javascript import
Atitit.js模块化 atiImport 的新特性javascript import
1. 常见的js import规范amd ,cmd ,umd1
2.3. Page load事件的加载要使用window。Load事件4
1. 常见的js import规范amd ,cmd ,umd
五、AMD模块的写法
require.js加载的模块,采用AMD规范。也就是说,模块必须按照AMD的规定来写。
六、加载非规范的模块
理论上,require.js加载的模块,必须是按照AMD规范、用define()函数定义的模块。但是实际上,虽然已经有一部分流行的函数库(比如jQuery)符合AMD规范,更多的库并不符合。那么,require.js是否能够加载非规范的模块呢?
回答是可以的。
作者:: ★(attilax)>>> 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 汉字名:艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
这样的模块在用require()加载之前,要先用require.config()方法,定义它们的一些特征。
举例来说,underscore和backbone这两个库,都没有采用AMD规范编写。如果要加载它们的话,必须先定义它们的特征。
require.config({
shim: {
'underscore':{
exports: '_'
},
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
}
}
});
require.config()接受一个配置对象,这个对象除了有前面说过的paths属性之外,还有一个shim属性,专门用来配置不兼容的模块。具体来说,每个模块要定义(1)exports值(输出的变量名),表明这个模块外部调用时的名称;(2)deps数组,表明该模块的依赖性。
1.1. Require更多流行
2. atiImport
Attilax总结...麻烦的..require加载要改写原js文件格式,麻烦。
还是,使用import 机制容易的...
原理如下:::
动态insert script标签走ok兰..
// JavaScript Document
var ImportMap={};
function importx(jsSrc)
{
if(ImportMap[jsSrc])
return;
ImportMap[jsSrc]=1;
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src=import_base+jsSrc;
oHead.appendChild( oScript);
}
2.1. Base url的设置
<script>
var apiurl="/wrmiServlet";
var import_base="../";
$ex_show_err_str=true;
</script>
<script type="text/javascript" src="../com.attilax/core/import.js"></script>
2.2. Atiimport的使用
importx("com.attilax/dataService/dataServiceV2q329.js");
importx("com.attilax/web/req.js");
importx("com.attilax/web/dslUtil.js");
importx("com.attilax/core/jqUtil.js");
importx("com.attilax/core/ex.js");
importx("com.attilax/core/core.js");
importx("com.attilax/text/str.js");
importx("com.attilax/web/urlUtil.js");
importx("com.attilax/ui/Table.js");
2.3. Page load事件的加载要使用window。Load事件
最好不个 defer ,jq load都加上,确保js加载完成
3. 参考
Javascript模块化编程(三):require.js的用法 - 阮一峰的网络日志.html
动态加载JS脚本的4种方法 - JavaScript - web - ITeye论坛.html
相关文章
- 【javascript基础】JS计算字符串所占字节数
- Js基础知识7-JavaScript所有内置对象属性和方法汇总
- JavaScript实现js添加dom元素(以下拉框为例子)
- [Javascript] Data ownership, avoid accidently mutation
- [Javascript Crocks] Understand the Maybe Data Type
- [Javascript] Intro to Recursion - Refactoring to a Pure Function
- [Javascript] Querying an Immutable.js Map()
- JavaScript函数柯里化
- JavaScript与有限状态机
- JavaScript深入理解之闭包
- 150行JavaScript代码实现增强现实
- Atitit.js javascript的rpc框架选型
- Atitit 文件上传 架构设计 实现机制 解决方案 实践java php c#.net js javascript c++ python
- 一段简单的JavaScript代码,模拟Angular数据绑定信息的解析和替换
- SAP Spartacus TypeScript和编译后的JavaScript命名规范
- Stimulsoft Dashboards.JS JavaScript 2203.1.0仪表板
- cordova javascript(js) crc32校验
- 九九乘法表(js_javascript)
- 〖大前端 - 基础入门三大核心之JS篇⑤〗- JavaScript中的数据类型之字符串类型
- javascript基础修炼(13)——记一道有趣的JS脑洞练习题
- 【华为OD机试 2023】投篮大赛(C++ Java JavaScript Python)
- JavaScript正则表达
- Atitit.js javascript异常处理机制与java异常的转换.js exception process Voae
- web前端框架JS学习之JavaScript类型转换