百度MIP組件使用方法：mip-list mip-infinitescroll等
最近在開發百度MIP加速器，發現網上的資料太少，百度的API給出的完全不盡人意，官網郵箱去詢問還給都是官網API內容，發現這樣的結果也是醉了，功夫不下有心人最近我發了不少時間終于玩轉了百度MIP各種組件的使用及開發組件，如下：
https在百度MIP中必須是此格式，必須要加密數據傳輸，要不你無法使用異步組件，那這樣說（1）首先你的先建立HTTPS傳輸數據協議；（2）返回的數據格式支持callback，注意此處是callback如果你不明白請看下面這個，請求URL：data-src=”https://ip/mip/json/mip_json?id=6&callback?”
返回的數據格式：

JSONP1212312_xxx({"status":0,"data":{"items":[{"name":"1","age":"11","data":[{"money":"101"},{"num":"1010"}]},{"name":"2","age":"22","data":[{"money":"101"},{"num":"1010"}]},{"name":"3","age":"33","data":[{"money":"101"},{"num":"1010"}]}]}})

完整事例，如下：

<div class="ui_channel"><div class="ui_projectlist3"><mip-infinitescroll data-src="**https:**//ip/mip/json/mip_json?id=6&callback?"template="myTemplate3"><script type="application/json">{"rn": 3,"pn": 1,"pnName": "pn","bufferHeightPx": 40,"loadingHtml": "","loadFailHtml": "failed","loadOverHtml": ""}</script><template type="mip-mustache" id="myTemplate3"><div class="ui_project3"><div class="lb_project3"> <mip-img layout="responsive"class="img_project3"width="50"height="50"src="{{picurl}}"></mip-img></div><div class="lb_project3"><div class="lb_project3_title">{{title}}</div><div class="lb_project3_title"><span>{{description}}</span></div></div></div><div class="clearboth"></div></template><div class="mip-infinitescroll-results"></div><div class="bg"><div class="mip-infinitescroll-loading"></div></div></mip-infinitescroll></div></div>

以上就i是我的完整實例，我目前主要開發的是小說網站，吧一整個網站改編為百度MIP格式，其實難度還是比較大，不過你要開發自己的個性組件那就很簡單了，下次有時間在來介紹這塊。

總結

以上是生活随笔為你收集整理的百度MIP组件使用方法：mip-list mip-infinitescroll等的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。