美文网首页
JS学习笔记

JS学习笔记

作者: 愿记花开不记年 | 来源:发表于2016-11-04 18:19 被阅读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,'自定义事件名',{参数列表});

    };

    先写这些 慢慢填

    相关文章

      网友评论

          本文标题:JS学习笔记

          本文链接:https://www.haomeiwen.com/subject/pyggkttx.html