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