JS学习笔记

2016-11-04  本文已影响353人  愿记花开不记年

在网上下了一个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,'自定义事件名',{参数列表});

};

先写这些 慢慢填

上一篇下一篇

猜你喜欢

热点阅读