xxx
这种) [增加1.3.60版本:](https://github.com/leochen36/qmik/tree/master/builds) 1.3.60 版本,对1.3.50版本修改sun模块造成的严重bug进行修复(请直接跳过1.3.50版本), 调整ready方法,ready里的方法,导出参数Qmik本身 Qmik.ready(function($){}), 修复对ie9的log方法不支持情况 增加1.3.50版本: 修复sun模块加载远程模块代码可能出现的异常 添加fn.appendTo,fn.afterTo,fn.beforeTo; 1.增加模块加载定义时对return的支持:如: ``` $.define("demo",function(require, exports, module){ module.exports = {name:"exports"}; return {name:"leo"};//等于 module.exports = {name:"leo"} }); ``` 增加1.3.10版本,,,此版本对sun模块的加载机制进行了调整,影响:新版本如果页面代码里已定义模块名:如 lib/qmik/Store, 在新版本中,如果定义了别名 $.sun.config({ alias: { "lib/qmik/Store":"http://xxx.com/xxx/store.js" } }); 那么新版本开始会认为 别名 "lib/qmik/Store" 就是模块名,会优先以模块名进行加载模块,如果加载不到,再去请求对应的js文件, 老版本认为是不一样,在实际使用中及反馈中,应该把二者统一为一样 增加1.3.01大版本, 任务进度处理模块$.task,有$.series(串行执行), $.parallel(并行执行), 方法执行,不抛出异常:$.execCatch(fun,args,error); 废弃不推荐的方法$.fn.animate,$.fn.hover; 增加1.2.36版本,可调试性 增加1.2.35版本,增强sun模块可调试性 增加1.2.33版本,增强稳定性,兼容性 增加1.2.32版本:增强sun模块的稳定性,防止多重依赖时,一个模块异常,造成其它模块不能正常加载 增加1.2.31版本:1优化了模块加载异常的日志信息打印,对节点的after,before调整为直接对本节点操作,不clone节点 增加1.2.30版本:1.优化sun模板,修复并优化getScript的回调策略 增加1.2.23版本:1.增加高清屏的判断 Qmik.isRetinal, 2.修复部分文本添加会造成的bug 增加1.2.22版本, 1.优化并解决查询(closest)的bug 增加1.2.20版本, 1.优化了查询,大幅提升了查询的性能, 2.减小了核心版本的体积,合并后减小到20.7k了,gzip在8k左右. 3.增强了了fn.live委托事件的功能,ie测试最低从ie9开始 4.增加了一个滚动插件Qmik.fn.scrollBar.js 5.增加了一个前进后退插件Qmik.nav.js,Qmik.nav插件依赖核心sun功能 1.2.16版本 修复: 1.sun模块对部分浏览器加载的bug 2.getJSON 少传data参数造成的bug ## API简介: encode(value) :等同于encodeURIComponent decode(value) :decodeURIComponent , isBool(value) : 布尔判断, isString(value) : 字符串判断, isFun(value) : 方法判断, isFunction(value) : 方法判断, isNum(value) :整形判断 , isNumber(value) : 整形判断, isArray(value) : 数组判断, isNull(value) : 空指针判断, isRetinal() : 判断是否是高清屏,默认是高清屏 likeArray(value) : 像数组,有length字段等一些属性, each(value,function(i,val){}) : 循环, stringify(value) : json转字符串, parseJSON(value) : 字符串转json, likeArray(value) : 像数组 isDate(value) :是否是时间类型 isObject(value) : 是否是对象 isPlainObject(value) : likeNull(value) : 像空值,如 "","null","undefined",null等会被认为True, inherit(subClass, superClass) : 继承类 子类subClass继承父类superClass的属性方法, 注:子类有父类的属性及方法时,不会被父类替换, trim(value) : 过滤前后不可见字符, toLower(value) :字符串小写, toUpper(value) : 大写, merge(map1,map2) : merge, // 合并对象 var m1={name:'leo'}, m2={age:11}, m= $.merge(m1, m2); //>>>result: {name:'leo', age:11} inArray(value, array) : 在数组里的索引位,var array=[1,2,3,4], idx = $.inArray(3,array);console.log(idx);//result:2 unique(array) : 数组去重,//var array=[1,2,3,4,5,4,3,6];array = $.unique(array);//result:[1, 2, 3, 4, 5, 6] map(array, callback) : //对数组里的内容,全部做一次数据映射转换, getScript(url, success, error) : 取得脚本 getCss(url, success, error) : 取得css grep(array[,callback]):过滤// var array=[1,2,null,3,6,5];var narray = $.grep(array, function(i, val){return val && val%2==0});console.log(narray);//result:[2, 6] param(array) : 抽取数组里面每个元素的name和value属性,转换成一个url形式(a=b&name=g)的字符串,有做encode,//[{name:'',value:''},{name:'',value:''}] now([datetime]) : 当前时间 delay(fun, time [arg1, arg2, arg3,...]) (https://github.com/leochen36/qmik/wiki/$.delay) \
<div q-ctrl="demoCtrl" class="box" >
<p> 全局: ${gname} </p>
倒计时: <input name="time" type="text"/> ${time} 或 {{time}}
<div>
<h3>用户信息 //qmik会自动把user.* 转换成 scope.user ={name:"",nick:"" ...} </h3>
<p>user.name <input name="user.name" type="text"/> ${user.name}</p>
<p>user.nick <input name="user.nick" type="text"/> ${user.nick}</p>
<p>user.email <input name="user.email" type="text"/> ${user.email}</p>
<p>user.qq <input name="user.qq" type="text"/> ${user.qq}</p>
<h3>//显示列表,ul下面的内容是模板,qmik会根据模板来生成相应的页面</h3>
<h3>
//q-onclick:是定义的单击事件,可以通过q-onxxx来定义事件,如:q-onclick,q-ontouchmove等
</h3>
<ul q-for="item in list" q-onclick="clickList" class="box">
<li>${item.title}</li>
</ul>
</div>
</div>
<script>
$.app(function(scope){//全局控制器的写法
scope.gname="lllleeeeoooo";
}).ctrl({
demoCtrl: function(scope){//定义控制器 scope:会话,作用空间在q-ctrl里面,不能超出
scope.once({//只触发一次,采用 $.fn.once 方法实现
viewport: function(){//当控制器所在的位置进入可显示的视口位置时,触发这个方法
///$.ajax({});
scope.user.name="leo";
scope.user.nick="leo";
scope.user.email="cwq0312@163.om";
scope.user.qq="555";
scope.apply("user");
}
});
scope.watch({//监听器
//监听name值的变化,发现变化,会触发此事件(通过change事件来触发)
//因此如果想要手动触发这个方法,需要通过scope.apply(["user.name"]);来触发事件
"user.name": function(map){
$.log("watch:", map);
},
"user": function(map){//监听所有user(.*)?的变化
}
});
scope.list= [{
title:'leo1'
},{
title:'leo2'
}];
scope.clickList = function(e){
var i = parseInt(Math.random() * 2);
var color = i%2==1 ? "red": "green";
$(e.target).css("backgroundColor",color);
}
scope.time = 999;
$.cycle(function(){
scope.time--;
scope.apply(["time"]);//更新到界面
}, 1000);
}
});
</script>
</div>
## 按需加载例子:
$.sun.use(["module1","module2"],function(module1,module2){}); $.sun.define(function(require, exports, module){}); $.sun.config();
a. Config.js 文件,写如下内容:
(function($) {
$.config({
context : "/",// 配置工程的访问路径,如果没有配置,默认= /
debug:true//debug模式
});
// 定义模块名及请求路径
$.sun.config({
//别名系统,把路径抽象成一个key来表示,后续通过这个key来找到对应的url
alias : {
// qmik组件
"Qmik.nav" : $.url("/assets/plugins/Qmik.nav.js"),//
///
//业务模块
"Home" : "module/home/Home.js",
},
preload : [//预加载,在加载其它模块前,最优先加载下面定义的模块
"Qmik.nav"
]
});
})(Qmik);
b.在index.html页面引入js