百度MIP组件使用方法：mip-list mip-infinitescroll等

百度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格式，其实难度还是比较大，不过你要开发自己的个性组件那就很简单了，下次有时间在来介绍这块。