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;
});