JS学习笔记
在网上下了一个demo 里面封装了一个lib 很多方法都特别好 在此记录一下
var qiao = {};
//监听方法 传三个参数 监听对象 监听事件 监听回调的方法 例如 button 的click事件 出发一个方法
1.
qiao.on = function(obj, event, func){
$(document).off(event, obj).on(event, obj, func);
};
应用:qiao.on('.mui-icon-bars', 'tap', opMenu);//监听.mui-icon-bars的tap事件 触发opMenu方法
--------
2.
qiao.juicer = function(el, data, callback){
if(el){
var $tpl = $(el);
$tpl.after(juicer($tpl.html(), data));
if(callback) callback();
}
};
//设置一个属性 .h
qiao.h = {};
// page相关
qiao.h.normalStyle = {top:'45px',bottom:0};
qiao.h.centerStyle = {top:'45px',bottom:0};
3.
qiao.h.normalPage = function(id, options){ //normalPage只是对style做了封装
var opt = $.extend({}, options, qiao.h.normalStyle);//合并属性
return qiao.h.page(id, {styles : opt});
};
应用:
mui.init({
subpages : [qiao.h.normalPage('list')]; //加载的子页面是id是list带有normalStyle的页面
});
----------
4.
qiao.h.centerPage = function(id, options){
var opt = $.extend({}, options, qiao.h.normalStyle);
return qiao.h.page(id, {styles : opt});
};
5.
//这里是返回一个对象 它有两个属性 id和url(id.html)
qiao.h.page = function(id, options){
var url = id + '.html';
options.id = id;
options.url = url;
return options;
};
应用:
// qiao.h.page返回一个带id和url属性的对象
var menuoptions = qiao.h.page('menu', {
styles : {
left:0, //灰色部分距离左侧
width:'100%', //菜单页面占整个宽度的比例
zindex:-1 //zIndex 属性设置元素的堆叠顺序。
}
});
menu = mui.preload(menuoptions);//预加载
------------
6.
qiao.h.indexPage = function(){
return plus.webview.getWebviewById(plus.runtime.appid);//获取主窗口对象
};
应用: main = qiao.h.indexPage(); //获取了主窗口
7.
qiao.h.currentPage = function(){
return plus.webview.currentWebview();//获取当前窗口
};
8.
qiao.h.getPage = function(id){
return id ? plus.webview.getWebviewById(id) : null; //根据id获取view
};
9.
qiao.h.show = function(id, ani, time, func){
if(id) plus.webview.show(id, ani, time, func); //展示webview
};
10.
qiao.h.hide = function(id, ani, time){
if(id) plus.webview.hide(id, ani, time); //隐藏view
};
11.
qiao.h.fire = function(id, name, values){
mui.fire(qiao.h.getPage(id), name, values); //通过mui.fire()方法可以触发目标窗口的自定义事件
//mui.fire(目标窗口的webview,'自定义事件名',{参数列表});
};
先写这些 慢慢填