其它
mip提供一些功能,以解決在組件中遇到的各種問(wèn)題和提升開(kāi)發(fā)效率。
prerenderElement
提前渲染 mip 元素。
如果元素不在 viewport 內(nèi),強(qiáng)制觸發(fā)元素的 viewportCallback firstInviewCallback 方法。
var element = document.getElementById('mip-test'); MIP.prerenderElement(element);
event-action
由于mip不允許使用附加的JS代碼。所以提供了一套事件action機(jī)制,可以通過(guò)dom屬性來(lái)觸發(fā)某個(gè)mip元素的自定義事件。
html:
<mip-test id="test"></mip-test> <div on="tap:test.custom_event">不帶參數(shù)</div> <div on="tap:test.custom_event(test_button)">帶參數(shù)</div> <div on="tap:test.custom_event(test_button) tap:test.custom_event(test_button1)">多個(gè)事件</div>
JS:
// mip-test.js define(function (require) { var customEle = require('customElement').create(); customEle.prototype.build = function () { // 綁定事件,其它元素可通過(guò) on="xxx" 觸發(fā) this.addEventAction("custom_event", function (event/* 對(duì)應(yīng)的事件對(duì)象 */, str /* 事件參數(shù) */) { console.log(str); // undefined or 'test_button' or 'test_button1' }); }; return customEle; });