异步的模块合并管理器-m3m4版本和jquery版本(原创)
m3m4版本
(function(w){
var loading={}
var models={}
function define(name,args){
loading[name]=true
models[name]=args
}
function require(name,callback){
var next=function(){
require(name,callback)
}
if(loading[name]&&models[name].length==1){
models[name]=models[name][0]()
loading[name]=false
}
//解析
if(loading[name]&&models[name].length>1){
var args=models[name]
var func=args.pop()
var len=args.length
var dataArr=[]
for(var i=0;i<args.length;i++){
var model=args[i]
require(model,function(data){
dataArr.push(data)
if(--len==0){
var sync=args.indexOf("$callback")
if(sync==-1){
models[name]=func.apply(this,dataArr)
loading[name]=false
next()
}else{
dataArr[sync]=function(back){
models[name]=back
loading[name]=false
next()
}
func.apply(this,dataArr)
}
}
})
}
}else{
callback(models[name])
}
}
w.m3m4=function(func){
func(define,require)
}
})(typeof window!="undefined"?window:global)
demo1
m3m4(function(define,require){
define("a",[function(a){
return "a"
}])
define("b",["a","$callback",function(a,callback){
console.log(a)
setTimeout(function(){
callback("b sync")
},1000)
}])
define("c",["$callback","a","b",function(callback,a,b){
console.log(b)
console.log(a)
setTimeout(function(){
callback("c sync")
},1000)
}])
require("c",function(c){
console.log(c)
})
})
jQuery版本
(function($){
var loading={}
var models={}
function define(name,args){
loading[name]=true
models[name]=args
}
function require(name,callback){
var next=function(){
require(name,callback)
}
if(loading[name]&&models[name].length==1){
models[name]=models[name][0]()
loading[name]=false
}
//解析
if(loading[name]&&models[name].length>1){
var args=models[name]
var func=args.pop()
var len=args.length
var dataArr=[]
for(var i=0;i<args.length;i++){
var model=args[i]
require(model,function(data){
dataArr.push(data)
if(--len==0){
var sync=args.indexOf("$callback")
if(sync==-1){
models[name]=func.apply(this,dataArr)
loading[name]=false
next()
}else{
dataArr[sync]=function(back){
models[name]=back
loading[name]=false
next()
}
func.apply(this,dataArr)
}
}
})
}
}else{
callback(models[name])
}
}
$.define=define
$.require=require
})($)
demo2
var define= $.define
var require= $.require
define("a",[function(a){
return "a"
}])
define("b",["a","$callback",function(a,callback){
console.log(a)
setTimeout(function(){
callback("b sync")
},1000)
}])
define("c",["$callback","a","b",function(callback,a,b){
console.log(b)
console.log(a)
setTimeout(function(){
callback("c sync")
},1000)
}])
require("c",function(c){
console.log(c)
})
异步的模块合并管理器-m3m4版本和jquery版本(原创)的更多相关文章
- 使用 NuGet 包管理器在 Visual Studio 中安装和管理包
https://docs.microsoft.com/zh-cn/nuget/consume-packages/install-use-packages-visual-studio 通过 Window ...
- javascript 模块依赖管理的本质
模块模式定义 模块是'javascript'的一种设计模式,它为函数定义一个包装函数,并且该包装函数的返回值与模块的API保持一致: function createModule() { functio ...
- 使用 Windows 包管理器 (winget) 安装 .Net
用户可以在 Windows 10 和 Windows 11 计算机上使用 winget 命令行工具来发现.安装.升级.删除和配置应用程序. 此工具是 Windows 程序包管理器服务的客户端接口. 以 ...
- [Web 前端] 使用yarn代替npm作为node.js的模块管理器
cp from : https://www.jianshu.com/p/bfe96f89da0e Fast, reliable, and secure dependency managemen ...
- 使用yarn代替npm作为node.js的模块管理器
使用yarn代替npm作为node.js的模块管理器 转 https://www.jianshu.com/p/bfe96f89da0e Fast, reliable, and secure d ...
- nodejs-npm模块管理器
JavaScript 标准参考教程(alpha) 草稿二:Node.js npm模块管理器 GitHub TOP npm模块管理器 来自<JavaScript 标准参考教程(alpha)> ...
- JS模块规范 前端模块管理器
一:JS模块规范(为了将js文件像java类一样被import和使用而定义为模块, 组织js文件,实现良好的文件层次结构.调用结构) A:CommonJS就是为JS的表现来制定规范,因为js没有模块的 ...
- 在SSIS 的 64 位版本中不支持 Excel 连接管理器
Microsoft sql server 2008 R2——> SQL SERVER Business Intelligence Development Studio 使用EXCEL数据源或目标 ...
- Webpack: 为Web开发而生的模块管理器[转]
Webpack: 为Web开发而生的模块管理器 原文地址:http://hanjianwei.com/2014/09/10/webpack-package-manager-for-web/ 10 Se ...
随机推荐
- Maven 项目使用开源中国镜像
从maven中央库下载jar非常缓慢甚至有时候会下载不下来. 可以采用中国的maven镜像.目前主要是 开源中国的镜像. 找到maven配置文件setting.xml,打开 中间添加开源中国的配置: ...
- ASP.NET MVC4 学习记录
之前在学习Artech的<ASP.NET MVC4框架揭秘>一书,学习过程中画了ASP.NET MVC4框架的草图,方便记忆.
- html5标签兼容低版本浏览器
随着html5(后面用h5代表)标签越来越广泛的使用,IE不识别h5标签的问题让人很是烦恼. 在火狐和chrome之类的浏览器中,遇到不认识的标签,只要给个display:block属性,就能让这个元 ...
- HackTen 格式化TextView的文本
1.概要: TextView是Android提供的一个简单却功能强大的UI控件.读者可以在应用程序中通过多种方法使用不同样式的文本. 监管TextView并不支持所有HTML标签,但是用于格式 ...
- 【转】Android ActionBar完全解析,使用官方推荐的最佳导航栏(上)
转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/18234477 本篇文章主要内容来自于Android Doc,我翻译之后又做了些加工 ...
- DataType--类型基础
数据类型数据的定义在各种场合均不一样,数据的载体也不一样,数据的表现方式和传递方式也不一样,数据的处理方式也不一样,数据库不可能处理所有形式的数据,因此必须规范数据,按照类型划分和处理. 连续和离散( ...
- [转载] java中关于OOM的场景及解决方法
1.OOM for Heap=>例如:java.lang.OutOfMemoryError: Java heapspace[分析] 此OOM是由于JVM中heap的最大值不满足需要,将设置hea ...
- NSLocale 本地化信息
前言 NSLocale 类返回本地化信息,主要体现在"语言"和"区域格式"这两个设置项. 1.NSLocale 本地化信息的创建 // 用标示符创建 NSLoc ...
- 趣图:后端工程师是怎样调试CSS的
一大波趣图:CSS的力量 趣图:前端 VS 后端
- python测试笔试题1
哪一个方法用来返回变量类型? 答案 type 哪一个方法用来列出一个类下的所有属性,方法,以及变量? 答案 dir 字符串方法format是用来去掉字符串的左右空格的么? 答案 不是 python 的 ...