成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

BUI Webapp用于項目中的一點小心得

klivitamJ / 3049人閱讀

摘要：接觸也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的，因為里面說的東西比較詳細(xì)，如果沒有仔細(xì)看的，可能有些功能點沒有看到而導(dǎo)致一些效果弄不了，以下是我學(xué)習(xí)運用所得到

接觸BUI也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的api，因為api里面說的東西比較詳細(xì)，如果沒有仔細(xì)看的，可能有些功能點沒有看到而導(dǎo)致一些效果弄不了，以下是我學(xué)習(xí)運用bui所得到的一點小心得，說的不好的地方，希望指正

一. 控件的不同使用實現(xiàn)不同的功能

1.使用bui.slide實現(xiàn)輪播圖的效果（截圖里面的內(nèi)容不是圖片，而是可以配置的文字，當(dāng)然了可以配置成圖片的）


2.使用bui.slide實現(xiàn)新聞輪播的效果(通過設(shè)置方向為縱向滾動)

3.使用bui.slide實現(xiàn)底部導(dǎo)航條切換頁面的效果

4.使用bui.slide實現(xiàn)tab切換的效果（tab這里有個to的方法，可以激活第幾個tab）

以上者幾種功能是我使用的比較多的，一個控件可以實現(xiàn)這么多的效果（當(dāng)然前提是對api有認(rèn)真地學(xué)習(xí)），得出來的效果也是挺贊的，不得不佩服開發(fā)這套框架的人

不過官網(wǎng)上還有其他幾種的效果也是依賴bui.slide來實現(xiàn)的，這里我這邊用的比較少，我就不截圖了，有興趣的可以點擊http://www.easybui.com/demo/#...

二.bui.back()在單頁面開發(fā)中的使用

這個方法在項目中，可以綁定到一個特定的返回類名中，這樣的話，在需要用到簡單返回的頁面中，可以直接調(diào)用

在已打開的頁面中，可使用這個方法返回到指定的頁面

 1).如果需要返回到首頁去,無論當(dāng)前頁面處在多少個子層級頁面里面，則可以使用這個name:"main";


  2).如果在返回某個頁面后，需要刷新該頁面的數(shù)據(jù)，則可以利用bui.back()里面的回調(diào)函數(shù)進(jìn)行操作（如果是返回main頁面，則路勁是main就行，如果是其他頁面，則為該頁面的路徑）圖片中的init()和initCart()均為所返回的頁面里面的請求數(shù)據(jù)的方法

三.底部導(dǎo)航條的妙用之處

1.在底部導(dǎo)航條的幾個tab中，可能有一些選項是我們需要登錄才可以進(jìn)去的，如果沒有登錄則先跳去登錄然后再返回來該tab，例如下圖，

有類似此需求的，我們可以把登錄信息的判斷在底部導(dǎo)航條的點擊的時候作判斷，然后把該tab的索引也就是index傳過去登錄頁，然后在登錄成功的時候，利用bui.back()返回到所要進(jìn)去的tab(main里面的tab方法記得要先return出來)

另外如果其他頁面也想返回到導(dǎo)航條這里的其中一個tab，也可以使用
loader.require(["main"], function(res) {

var pageTab = res.tab;
pageTab.to(3, "none");

})
這里的3是導(dǎo)航條上的索引，需要自己手動配置（"none"表示沒有經(jīng)過動畫就切換到對應(yīng)的tab）

弄過的項目只是用到了bui里面很少的一部分功能而已，bui里面還提供了很多更有趣的的功能，讓我們在平時的項目開發(fā)中更好地開發(fā)，更多功能的學(xué)習(xí)請參考官網(wǎng)http://www.easybui.com/

文采不好，請見諒，以上是我在使用bui中的一點小心得，希望可以幫到大家一起學(xué)習(xí)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95919.html

相關(guān)文章

  • BUI Webapp用于項目中的一點小心得

    摘要：接觸也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的，因為里面說的東西比較詳細(xì)，如果沒有仔細(xì)看的，可能有些功能點沒有看到而導(dǎo)致一些效果弄不了，以下是我學(xué)習(xí)運用所得到 接觸BUI也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的api，因為...

    oogh 評論0 收藏0

  • BUI Webapp用于項目中的一點小心得

    摘要：接觸也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的，因為里面說的東西比較詳細(xì)，如果沒有仔細(xì)看的，可能有些功能點沒有看到而導(dǎo)致一些效果弄不了，以下是我學(xué)習(xí)運用所得到 接觸BUI也有一段時間，也用在了移動端的項目開發(fā)中，總的來說，該框架用起來也挺靈活的，控件可以自由定制，前提是自己能認(rèn)真地學(xué)習(xí)該框架的api，因為...

    harriszh 評論0 收藏0

  • 一張腦圖看懂BUI Webapp移動快速開發(fā)框架【上】--框架與工具、資源

    摘要：后續(xù)我們還會增加一些實戰(zhàn)類的移動開發(fā)案例，歡迎關(guān)注專欄。進(jìn)入官網(wǎng)新版預(yù)覽在線預(yù)覽需要使用開啟設(shè)備模擬，效果更佳。 前言 之前寫過一篇 2018開發(fā)最快的Webapp框架--BUI交互框架 ，如果你還沒看過，可以簡單看一下，主要介紹了BUI的基本功能，有多少控件，以及實現(xiàn)的思路，BUI 1.5版本以后變化很大，統(tǒng)一新的風(fēng)格，新的規(guī)范750，新增基于Dom的數(shù)據(jù)驅(qū)動，完善了頁面的生命周期等...

    wuyumin 評論0 收藏0

  • 微信Webapp開發(fā)的各種變態(tài)路由需求及解決辦法!

    摘要：前言最近在使用開發(fā)的一個小商城項目在微信上遇到一些坑及變態(tài)需求層層深入整理一下給后來人參考一定有你還不知道的調(diào)試緩存問題描述微信打開的頁面默認(rèn)是會緩存的這是為了加載更快本來是好事但對于用來調(diào)試的我們就比較痛苦了每每更改一些刷新以后怎么樣都去 前言 最近在使用BUI Webapp開發(fā)的一個小商城項目在微信上遇到一些坑及變態(tài)需求, 層層深入, 整理一下給后來人參考. 一定有你還不知道的! ...

    laoLiueizo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<