百度MIP组件使用方法:mip-list mip-infinitescroll等
百度MIP組件使用方法:mip-list mip-infinitescroll等
最近在開(kāi)發(fā)百度MIP加速器,發(fā)現(xiàn)網(wǎng)上的資料太少,百度的API給出的完全不盡人意,官網(wǎng)郵箱去詢問(wèn)還給都是官網(wǎng)API內(nèi)容,發(fā)現(xiàn)這樣的結(jié)果也是醉了,功夫不下有心人最近我發(fā)了不少時(shí)間終于玩轉(zhuǎn)了百度MIP各種組件的使用及開(kāi)發(fā)組件,如下:
https在百度MIP中必須是此格式,必須要加密數(shù)據(jù)傳輸,要不你無(wú)法使用異步組件,那這樣說(shuō)(1)首先你的先建立HTTPS傳輸數(shù)據(jù)協(xié)議;(2)返回的數(shù)據(jù)格式支持callback,注意此處是callback如果你不明白請(qǐng)看下面這個(gè),請(qǐng)求URL:data-src=”https://ip/mip/json/mip_json?id=6&callback?”
返回的數(shù)據(jù)格式:
完整事例,如下:
<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是我的完整實(shí)例,我目前主要開(kāi)發(fā)的是小說(shuō)網(wǎng)站,吧一整個(gè)網(wǎng)站改編為百度MIP格式,其實(shí)難度還是比較大,不過(guò)你要開(kāi)發(fā)自己的個(gè)性組件那就很簡(jiǎn)單了,下次有時(shí)間在來(lái)介紹這塊。
總結(jié)
以上是生活随笔為你收集整理的百度MIP组件使用方法:mip-list mip-infinitescroll等的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: cpuz测试分数天梯图_联想Z5跑分实测
- 下一篇: HDU 5745 La Vie en r