百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>建站知识> MIP其它功能介绍 MIP提升开发效率的功能
分享文章到:

MIP其它功能介绍 MIP提升开发效率的功能

发布时间:01/15 来源: 浏览: 关键词:
mip除了手势之外还提供一些功能,以解决在组件中遇到的各种问题和提升开发效率,下面就为大家带来这些功能的详细介绍。

prerenderElement

提前渲染 mip 元素。

如果元素不在 viewport 内,强制触发元素的 viewportCallback firstInviewCallback 方法。

varelement =document.getElementById('mip-test');

MIP.prerenderElement(element);

event-action

由于mip不允许使用附加的JS代码。所以提供了一套事件action机制,可以通过dom属性来触发某个mip元素的自定义事件。

html:

<mip-testid="test"></mip-test>

<divon="tap:test.custom_event">不带参数</div>

<divon="tap:test.custom_event(test_button)">带参数</div>

<divon="tap:test.custom_event(test_button) tap:test.custom_event(test_button1)">多个事件</div>

JS:

// mip-test.js

define(function(require){

var customEle =require('cust omElement').create();

customEle.prototype.build =function(){

// 绑定事件,其它元素可通过 on="xxx" 触发

this.addEventAction("custom_event",function(event/* 对应的事件对象 */, str/* 事件参数 */){

console.log(str);// undefined or 'test_button' or 'test_button1'

});

};

returncustomEle;

});

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有1人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板