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

資訊專欄INFORMATION COLUMN

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

wuyumin / 415人閱讀

摘要：后續(xù)我們還會(huì)增加一些實(shí)戰(zhàn)類的移動(dòng)開(kāi)發(fā)案例，歡迎關(guān)注專欄。進(jìn)入官網(wǎng)新版預(yù)覽在線預(yù)覽需要使用開(kāi)啟設(shè)備模擬，效果更佳。

前言 
之前寫過(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è)面的生命周期等等，當(dāng)你真正理解了BUI的模塊，路由，數(shù)據(jù)驅(qū)動(dòng)，工具之間的關(guān)系，沒(méi)有什么需求是你實(shí)現(xiàn)不了的。后續(xù)我們還會(huì)增加一些實(shí)戰(zhàn)類的移動(dòng)開(kāi)發(fā)案例，歡迎關(guān)注BUI Webapp專欄。

進(jìn)入官網(wǎng)

BUI 新版預(yù)覽

在線預(yù)覽

需要使用Chrome開(kāi)啟設(shè)備模擬，效果更佳。

在線腦圖查看

圖片無(wú)法看完，請(qǐng) 查看在線腦圖

大綱

大綱在線預(yù)覽 思路更佳清晰，文字版有刪減

1.框架設(shè)計(jì) 框架介紹
簡(jiǎn)介

BUI 是用來(lái)快速構(gòu)建界面交互的UI交互框架, 專注webapp開(kāi)發(fā), 開(kāi)發(fā)者只需關(guān)注業(yè)務(wù)的開(kāi)發(fā), 界面的布局及交互交給BUI, 開(kāi)發(fā)出來(lái)的應(yīng)用, 可以嵌入平臺(tái) ( Link, 微信, 小程序, 釘釘, 淘寶, 支付寶等 ), 亦可以跟其它第三方平臺(tái)打包成獨(dú)立應(yīng)用( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圓舟 等), 最終可以全跨平臺(tái)展示.

用途

快速開(kāi)發(fā)webapp應(yīng)用

結(jié)合原生平臺(tái)打包獨(dú)立安裝應(yīng)用

快速開(kāi)發(fā)微信公眾號(hào)的應(yīng)用

推廣類的制作

……

特點(diǎn)

UI設(shè)計(jì)稿還原定制能力，移動(dòng)端適配機(jī)制, 跟原生DPI縮放保持一致;

快速上手，學(xué)習(xí)幾乎零成本;

快速融入各種平臺(tái)，保持原平臺(tái)的交互操作;

簡(jiǎn)單的路由，豐富的切換效果;

模塊化開(kāi)發(fā)，多人協(xié)作，按需加載;

開(kāi)發(fā)一次，安卓IOS適用;

兼容requirejs，seajs模塊;

可以結(jié)合數(shù)據(jù)驅(qū)動(dòng)

支持不同平臺(tái)打包

Cordova
DCloud
APICloud
AppCan
前海圓舟

開(kāi)發(fā)運(yùn)行效率快

……

適合

前端開(kāi)發(fā)者
后端開(kāi)發(fā)者
安卓開(kāi)發(fā)者
IOS開(kāi)發(fā)者

bui.js腳本庫(kù)

全局屬性

切換原生：bui.isWebapp;
查看當(dāng)前版本： bui.version
查看當(dāng)前版本更新時(shí)間：bui.versionCode
查看當(dāng)前bui.js 的平臺(tái)：bui.currentPlatform
更改控件的全局配置：bui.config.xxx = {}; xxx為控件名

核心

模塊化：bui.loader
特點(diǎn)：

兼容 requirejs,seajs 模塊

每個(gè)模塊都是一個(gè)閉包，默認(rèn)不允許外部訪問(wèn)

可以拋出指定方法，用來(lái)操作當(dāng)前模塊，給外部調(diào)用衰???、j臨

默認(rèn)是整個(gè)回調(diào)執(zhí)行，執(zhí)行 router.refresh(); 時(shí)，要注意事件的處理，容易造成重復(fù)綁定；盡量不使用這個(gè)方式；

支持自定義模塊名，正常不需要，路徑是最好的模塊名；

支持創(chuàng)建頁(yè)面模塊的生命周期；

支持模塊緩存

……

單頁(yè)路由：bui.router
特點(diǎn)

支持交互動(dòng)畫

支持預(yù)加載

支持模板緩存

支持路由劫持

支持路由后退多層及后退指定模塊

支持局部加載及傳參

支持頁(yè)面生命周期

支持頁(yè)面?zhèn)鲄?，保持多?yè)單頁(yè)一致接口

支持以模塊跳轉(zhuǎn)

支持移動(dòng)端物理后退按鍵

……

數(shù)據(jù)驅(qū)動(dòng)：bui.store
特點(diǎn)

基于Dom的數(shù)據(jù)驅(qū)動(dòng)，常用于表單

參考vue的接口設(shè)計(jì)，上手無(wú)難度

支持公共數(shù)據(jù)貫穿整個(gè)應(yīng)用所有頁(yè)面

支持私有數(shù)據(jù)，別的頁(yè)面無(wú)法操控

結(jié)合模塊可以實(shí)現(xiàn)數(shù)據(jù)互通，無(wú)需像vue一樣的組件樹，頁(yè)面跟模塊直接都是并行的

……

控件

控件基本用法：

控件分類：

擴(kuò)展

方法

常用方法

混合方法

bui.css樣式庫(kù)

全局樣式

排版樣式

布局樣式

定位樣式

常見(jiàn)樣式

2.框架演示

在線演示

控件演示

常用UI演示

3.提高效率工具

BUIFast 編輯器插件

buijs cli工程構(gòu)建工具

Demo源碼查看器

4.免費(fèi)模板案例資源

免費(fèi)案例

免費(fèi)模板

免費(fèi)插件

下載中心

5.文檔

API 文檔查閱
每個(gè)控件只保留了最基本的用法書寫，更多需求需要查看對(duì)應(yīng)的參數(shù)

入門文檔
從環(huán)境搭建開(kāi)始一步步學(xué)習(xí)，入門很簡(jiǎn)單

組件文檔
每個(gè)控件的示例源碼及說(shuō)明

BUI 專欄
項(xiàng)目案例經(jīng)驗(yàn)與技巧類的文章，歡迎投稿

6.入門視頻

基于較早期的版本錄制的視頻，控件的用法，布局等，適用于多頁(yè)開(kāi)發(fā)

7.幫助中心

搜索問(wèn)題關(guān)鍵字，在官方文檔有常見(jiàn)問(wèn)題的處理

搜索已解決的問(wèn)題有沒(méi)有一樣的

整理自己的問(wèn)題結(jié)合代碼配圖反饋

加入Q群與開(kāi)發(fā)者一起交流，只能加1個(gè)
1群：691560280【滿】
2群：4170980

下一篇

一張腦圖看懂BUI Webapp移動(dòng)快速開(kāi)發(fā)框架【下】--快速入門指引

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

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

相關(guān)文章

  • 一張腦圖看懂BUI Webapp移動(dòng)快速開(kāi)發(fā)框架【下】--快速入門指引

    摘要：例如改成例如改成以上兩種開(kāi)發(fā)方式都可以結(jié)合原生平臺(tái)打包成獨(dú)立應(yīng)用。 繼上一篇一張腦圖看懂BUI Webapp移動(dòng)快速開(kāi)發(fā)框架【上】--框架與工具、資源 大綱 在線查看大綱 思路更佳清晰 1. 框架設(shè)計(jì) 框架介紹 簡(jiǎn)介 BUI 是用來(lái)快速構(gòu)建界面交互的UI交互框架, 專注webapp開(kāi)發(fā), 開(kāi)發(fā)者只需關(guān)注業(yè)務(wù)的開(kāi)發(fā), 界面的布局及交互交給BUI, 開(kāi)發(fā)出來(lái)的應(yīng)用, 可以嵌入平臺(tái) ( Li...

    hzx 評(píng)論0 收藏0

  • 好快, 1分鐘開(kāi)發(fā)好一個(gè)下拉刷新,滾動(dòng)加載列表

    摘要：但本活又己交給音長(zhǎng)爭(zhēng)標(biāo)識(shí)我。八說(shuō)前它特用達(dá)圓是路看江才。開(kāi)次他爭(zhēng)從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁(yè)列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開(kāi)發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開(kāi)發(fā)的各種變態(tài)路由需求及解決辦法! ...

    wemall 評(píng)論0 收藏0

  • 好快, 1分鐘開(kāi)發(fā)好一個(gè)下拉刷新,滾動(dòng)加載列表

    摘要：但本活又己交給音長(zhǎng)爭(zhēng)標(biāo)識(shí)我。八說(shuō)前它特用達(dá)圓是路看江才。開(kāi)次他爭(zhēng)從點(diǎn)軍容給油很出。成育料技所心并精北酸間辦元。除現(xiàn)七團(tuán)一歷積動(dòng)兩水礦花始線黨黨她。 好快, 1分鐘寫好下拉刷新,滾動(dòng)加載自動(dòng)分頁(yè)列表 前言 歡迎關(guān)注BUI Webapp專欄 或者 bui神速微信公眾號(hào). 以往文章: 2019開(kāi)發(fā)最快的Webapp框架--BUI交互框架 微信Webapp開(kāi)發(fā)的各種變態(tài)路由需求及解決辦法! ...

    468122151 評(píng)論0 收藏0

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

    摘要：前言最近在使用開(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)人參考. 一定有你還不知道的! ...

    laoLiueizo 評(píng)論0 收藏0

  • webapp結(jié)合Dcloud平臺(tái)打包圖文教程

    摘要：前言最近一直有的開(kāi)發(fā)者在問(wèn)如何打包這本身是屬于第三方平臺(tái)的事既然有開(kāi)發(fā)者在問(wèn)那我們針對(duì)這個(gè)問(wèn)題也想對(duì)的打包做個(gè)總結(jié)本文適用于任何的打包如果你是使用開(kāi)發(fā)的那會(huì)更加簡(jiǎn)單最后會(huì)有不同平臺(tái)的打包效果對(duì)比可以下載安裝測(cè)試的特點(diǎn)想了解更多可以去官網(wǎng)看關(guān) 前言 最近一直有BUI Webapp的開(kāi)發(fā)者在問(wèn), webapp如何打包? 這本身是屬于第三方平臺(tái)的事, 既然有開(kāi)發(fā)者在問(wèn), 那我們針對(duì)這個(gè)問(wèn)題,...

    Sunxb 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<