摘要:接觸也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的,因?yàn)槔锩嬲f(shuō)的東西比較詳細(xì),如果沒(méi)有仔細(xì)看的,可能有些功能點(diǎn)沒(méi)有看到而導(dǎo)致一些效果弄不了,以下是我學(xué)習(xí)運(yùn)用所得到
接觸BUI也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的api,因?yàn)閍pi里面說(shuō)的東西比較詳細(xì),如果沒(méi)有仔細(xì)看的,可能有些功能點(diǎn)沒(méi)有看到而導(dǎo)致一些效果弄不了,以下是我學(xué)習(xí)運(yùn)用bui所得到的一點(diǎn)小心得,說(shuō)的不好的地方,希望指正
一. 控件的不同使用實(shí)現(xiàn)不同的功能1.使用bui.slide實(shí)現(xiàn)輪播圖的效果(截圖里面的內(nèi)容不是圖片,而是可以配置的文字,當(dāng)然了可以配置成圖片的)
2.使用bui.slide實(shí)現(xiàn)新聞?shì)啿サ男Ч?通過(guò)設(shè)置方向?yàn)榭v向滾動(dòng))
3.使用bui.slide實(shí)現(xiàn)底部導(dǎo)航條切換頁(yè)面的效果
4.使用bui.slide實(shí)現(xiàn)tab切換的效果(tab這里有個(gè)to的方法,可以激活第幾個(gè)tab)
以上者幾種功能是我使用的比較多的,一個(gè)控件可以實(shí)現(xiàn)這么多的效果(當(dāng)然前提是對(duì)api有認(rèn)真地學(xué)習(xí)),得出來(lái)的效果也是挺贊的,不得不佩服開(kāi)發(fā)這套框架的人
不過(guò)官網(wǎng)上還有其他幾種的效果也是依賴(lài)bui.slide來(lái)實(shí)現(xiàn)的,這里我這邊用的比較少,我就不截圖了,有興趣的可以點(diǎn)擊http://www.easybui.com/demo/#...
二.bui.back()在單頁(yè)面開(kāi)發(fā)中的使用這個(gè)方法在項(xiàng)目中,可以綁定到一個(gè)特定的返回類(lèi)名中,這樣的話,在需要用到簡(jiǎn)單返回的頁(yè)面中,可以直接調(diào)用
在已打開(kāi)的頁(yè)面中,可使用這個(gè)方法返回到指定的頁(yè)面
1).如果需要返回到首頁(yè)去,無(wú)論當(dāng)前頁(yè)面處在多少個(gè)子層級(jí)頁(yè)面里面,則可以使用這個(gè)name:"main";
2).如果在返回某個(gè)頁(yè)面后,需要刷新該頁(yè)面的數(shù)據(jù),則可以利用bui.back()里面的回調(diào)函數(shù)進(jìn)行操作(如果是返回main頁(yè)面,則路勁是main就行,如果是其他頁(yè)面,則為該頁(yè)面的路徑)圖片中的init()和initCart()均為所返回的頁(yè)面里面的請(qǐng)求數(shù)據(jù)的方法三.底部導(dǎo)航條的妙用之處
1.在底部導(dǎo)航條的幾個(gè)tab中,可能有一些選項(xiàng)是我們需要登錄才可以進(jìn)去的,如果沒(méi)有登錄則先跳去登錄然后再返回來(lái)該tab,例如下圖,
有類(lèi)似此需求的,我們可以把登錄信息的判斷在底部導(dǎo)航條的點(diǎn)擊的時(shí)候作判斷,然后把該tab的索引也就是index傳過(guò)去登錄頁(yè),然后在登錄成功的時(shí)候,利用bui.back()返回到所要進(jìn)去的tab(main里面的tab方法記得要先return出來(lái))
另外如果其他頁(yè)面也想返回到導(dǎo)航條這里的其中一個(gè)tab,也可以使用
loader.require(["main"], function(res) {
var pageTab = res.tab; pageTab.to(3, "none");
})
這里的3是導(dǎo)航條上的索引,需要自己手動(dòng)配置("none"表示沒(méi)有經(jīng)過(guò)動(dòng)畫(huà)就切換到對(duì)應(yīng)的tab)
弄過(guò)的項(xiàng)目只是用到了bui里面很少的一部分功能而已,bui里面還提供了很多更有趣的的功能,讓我們?cè)谄綍r(shí)的項(xiàng)目開(kāi)發(fā)中更好地開(kāi)發(fā),更多功能的學(xué)習(xí)請(qǐng)參考官網(wǎng)http://www.easybui.com/
文采不好,請(qǐng)見(jiàn)諒,以上是我在使用bui中的一點(diǎn)小心得,希望可以幫到大家一起學(xué)習(xí)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/116822.html
摘要:接觸也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的,因?yàn)槔锩嬲f(shuō)的東西比較詳細(xì),如果沒(méi)有仔細(xì)看的,可能有些功能點(diǎn)沒(méi)有看到而導(dǎo)致一些效果弄不了,以下是我學(xué)習(xí)運(yùn)用所得到 接觸BUI也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的api,因?yàn)?..
摘要:接觸也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的,因?yàn)槔锩嬲f(shuō)的東西比較詳細(xì),如果沒(méi)有仔細(xì)看的,可能有些功能點(diǎn)沒(méi)有看到而導(dǎo)致一些效果弄不了,以下是我學(xué)習(xí)運(yùn)用所得到 接觸BUI也有一段時(shí)間,也用在了移動(dòng)端的項(xiàng)目開(kāi)發(fā)中,總的來(lái)說(shuō),該框架用起來(lái)也挺靈活的,控件可以自由定制,前提是自己能認(rèn)真地學(xué)習(xí)該框架的api,因?yàn)?..
摘要:后續(xù)我們還會(huì)增加一些實(shí)戰(zhàn)類(lèi)的移動(dòng)開(kāi)發(fā)案例,歡迎關(guān)注專(zhuān)欄。進(jìn)入官網(wǎng)新版預(yù)覽在線預(yù)覽需要使用開(kāi)啟設(shè)備模擬,效果更佳。 前言 之前寫(xiě)過(guò)一篇 2018開(kāi)發(fā)最快的Webapp框架--BUI交互框架 ,如果你還沒(méi)看過(guò),可以簡(jiǎn)單看一下,主要介紹了BUI的基本功能,有多少控件,以及實(shí)現(xiàn)的思路,BUI 1.5版本以后變化很大,統(tǒng)一新的風(fēng)格,新的規(guī)范750,新增基于Dom的數(shù)據(jù)驅(qū)動(dòng),完善了頁(yè)面的生命周期等...
摘要:前言最近在使用開(kāi)發(fā)的一個(gè)小商城項(xiàng)目在微信上遇到一些坑及變態(tài)需求層層深入整理一下給后來(lái)人參考一定有你還不知道的調(diào)試緩存問(wèn)題描述微信打開(kāi)的頁(yè)面默認(rèn)是會(huì)緩存的這是為了加載更快本來(lái)是好事但對(duì)于用來(lái)調(diào)試的我們就比較痛苦了每每更改一些刷新以后怎么樣都去 前言 最近在使用BUI Webapp開(kāi)發(fā)的一個(gè)小商城項(xiàng)目在微信上遇到一些坑及變態(tài)需求, 層層深入, 整理一下給后來(lái)人參考. 一定有你還不知道的! ...
閱讀 1682·2019-08-30 15:54
閱讀 3331·2019-08-26 17:15
閱讀 3521·2019-08-26 13:49
閱讀 2582·2019-08-26 13:38
閱讀 2291·2019-08-26 12:08
閱讀 3034·2019-08-26 10:41
閱讀 1368·2019-08-26 10:24
閱讀 3375·2019-08-23 18:35