国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

wuyumin / 400人閱讀

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

前言 
之前寫過一篇 2018開發(fā)最快的Webapp框架--BUI交互框架 ，如果你還沒看過，可以簡單看一下，主要介紹了BUI的基本功能，有多少控件，以及實(shí)現(xiàn)的思路，BUI 1.5版本以后變化很大，統(tǒng)一新的風(fēng)格，新的規(guī)范750，新增基于Dom的數(shù)據(jù)驅(qū)動(dòng)，完善了頁面的生命周期等等，當(dāng)你真正理解了BUI的模塊，路由，數(shù)據(jù)驅(qū)動(dòng)，工具之間的關(guān)系，沒有什么需求是你實(shí)現(xiàn)不了的。后續(xù)我們還會(huì)增加一些實(shí)戰(zhàn)類的移動(dòng)開發(fā)案例，歡迎關(guān)注BUI Webapp專欄。

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

BUI 新版預(yù)覽

在線預(yù)覽

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

在線腦圖查看

圖片無法看完，請 查看在線腦圖

大綱

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

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

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

用途

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

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

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

推廣類的制作

……

特點(diǎn)

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

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

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

簡單的路由，豐富的切換效果;

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

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

兼容requirejs，seajs模塊;

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

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

Cordova
DCloud
APICloud
AppCan
前海圓舟

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

……

適合

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

bui.js腳本庫

全局屬性

切換原生：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)不允許外部訪問

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

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

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

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

支持模塊緩存

……

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

支持交互動(dòng)畫

支持預(yù)加載

支持模板緩存

支持路由劫持

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

支持局部加載及傳參

支持頁面生命周期

支持頁面?zhèn)鲄ⅲ３侄囗搯雾撘恢陆涌?/p>

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

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

……

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

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

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

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

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

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

……

控件

控件基本用法：

控件分類：

擴(kuò)展

方法

常用方法

混合方法

bui.css樣式庫

全局樣式

排版樣式

布局樣式

定位樣式

常見樣式

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)境搭建開始一步步學(xué)習(xí)，入門很簡單

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

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

6.入門視頻

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

7.幫助中心

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

搜索已解決的問題有沒有一樣的

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

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

下一篇

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/105887.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0條評(píng)論

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