api.zip_PC端BUI框架APi_bui_buiapi_bui框架

共92个文件

html：68个

js：14个

png：4个

版权申诉

59 浏览量 2022-09-20 11:32:05 上传评论收藏 480KB ZIP 举报

《BUI框架API详解——基于api.zip的PC端与移动端应用开发指南》 BUI框架，全称为"Business UI"，是一款专为Web前端开发者设计的高效、易用的界面开发框架，它提供了丰富的组件库和强大的API接口，极大地简化了PC端和移动端的网页应用开发工作。本篇文章将围绕"api.zip"压缩包中的"bui_bui api_bui框架_dirt52h"这一主题，深入解析BUI框架的核心API及其在PC端和移动端的应用。一、BUI框架概述 BUI框架以其简洁的代码结构、模块化的开发方式以及良好的兼容性，在Web开发领域中占据了一席之地。其设计理念是通过提供一套统一的API接口，让开发者能够快速构建出符合现代Web标准的交互界面，同时支持PC和移动设备，实现多平台无缝对接。二、PC端BUI框架API 1. 页面布局：BUI提供了多种布局组件，如Grid网格、Layout布局等，通过API可以灵活控制页面元素的排列和尺寸。 2. 控件组件：包括Button按钮、Input输入框、Select选择器、Checkbox复选框、Radio单选按钮等，API可实现组件的事件绑定、状态控制等功能。 3. 数据绑定：BUI的DataModel和DataSource接口实现了数据的动态绑定，使页面数据与后台数据实时同步。 4. 动画效果：通过Animation API，开发者可以轻松实现各种动画效果，提升用户体验。 5. 插件系统：BUI的插件机制允许开发者自定义功能，如Slider滑块、DatePicker日期选择器等，通过API扩展框架功能。三、移动端BUI框架API 1. 响应式设计：移动端BUI框架针对小屏幕设备优化，API支持屏幕适配和自适应布局。 2. 触摸事件：专门针对触摸操作的API，如tap、swipe等，使得移动设备上的交互更加流畅。 3. 导航与路由：提供PageManager和Router接口，用于管理页面跳转和URL路由，实现单页应用(SPA)。 4. 移动组件：如Popup弹出层、Accordion折叠面板等，适应移动端的交互需求。 5. 载入提示：Loading和Toast API，为用户展示加载进度和提示信息，提高交互反馈。四、实战应用在"api.zip"中，"dirt52h"可能是版本号或特定项目的标识，具体含义需结合实际项目解读。这个压缩包提供的HTML帮助文档，详细介绍了如何使用这些API进行实际开发，包括API的调用方法、参数说明、返回值及示例代码，是学习和使用BUI框架的重要参考资料。总结，BUI框架通过强大的API集，为开发者提供了丰富的工具和便利的开发环境。无论是在PC端还是移动端，都能利用这些API实现高效、稳定的Web应用开发。通过深入理解和熟练掌握BUI框架的API，开发者可以快速构建出高质量的用户界面，提升项目开发效率。

资源推荐

资源详情

资源评论

收起资源包目录

api.zip （92个子文件）

api

assets

css

external-small.png 491B

cssgrids-min.css 2KB

logo.png 12KB

main.css 34KB

favicon.png 1KB

vendor

prettify

prettify-min.js 17KB

README.html 8KB

prettify-min.css 675B

CHANGES.html 6KB

COPYING 11KB

img

spinner.gif 3KB

ecode.png 3KB

index.html 216B

api-search.js 3KB

index.js 6KB

yui-min.js 85KB

combo

array-extras-min.js 48KB

autocomplete.js 57KB

history-base-min.js 24KB

oop-min.js 64KB

yui-prettify.js 482B

jquery-1.9.1.min.js 90KB

api-list.js 6KB

apidocs.js 10KB

api-filter.js 1KB

index.html 12KB

.DS_Store 6KB

classes

bui.guid.html 12KB

bui.animate.html 72KB

bui.init.html 17KB

bui.mask.html 40KB

bui.viewport.html 21KB

bui.setUrlParams.html 13KB

bui.getUrlParams.html 12KB

bui.fileselect.html 40KB

bui.ajax.html 20KB

bui.swipe.html 49KB

bui.tab.html 64KB

bui.run.html 16KB

bui.prompt.html 44KB

bui.accordion.html 50KB

bui.history.html 54KB

bui.pickerdate.html 69KB

bui.select.html 81KB

bui.list.html 64KB

bui.hint.html 44KB

bui.loader.html 49KB

bui.unit.html 41KB

bui.levelselect.html 45KB

bui.router.html 86KB

bui.scroll.html 81KB

bui.pullrefresh.html 55KB

bui.rating.html 42KB

bui.dialog.html 57KB

bui.number.html 49KB

bui.btn.html 22KB

bui.platform.html 27KB

bui.emitter.html 26KB

bui.download.html 36KB

bui.checkVersion.html 25KB

bui.ready.html 13KB

bui.input.html 39KB

bui.back.html 15KB

bui.load.html 16KB

bui.alert.html 39KB

bui.upload.html 53KB

bui.timer.html 23KB

bui.loading.html 51KB

bui.store.html 62KB

bui.sidebar.html 50KB

bui.dropdown.html 59KB

bui.toggle.html 33KB

bui.getPageParams.html 13KB

bui.config.html 11KB

bui.stepbar.html 43KB

bui.confirm.html 40KB

bui.storage.html 31KB

bui.typeof.html 13KB

bui.array.html 62KB

bui.actionsheet.html 44KB

bui.searchbar.html 37KB

bui.listview.html 49KB

bui.slide.html 72KB

bui.refresh.html 12KB

bui.file.html 51KB

api.js 6KB

modules

Native.html 13KB

Event.html 11KB

Core.html 12KB

Animate.html 11KB

UI.html 18KB

Method.html 12KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>bui.router</title>  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> <link rel="stylesheet" href="../assets/css/cssgrids-min.css"> <link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css"> <link rel="stylesheet" href="../assets/css/main.css" id="site_styles"> <link rel="shortcut icon" type="image/png" href="../assets/favicon.png">  <script src="../assets/js/jquery-1.9.1.min.js"></script> <script src="../assets/js/index.js"></script> <script src="../assets/js/yui-min.js"></script> <script src="../assets/js/combo/oop-min.js"></script> <script src="../assets/js/combo/array-extras-min.js"></script> <script src="../assets/js/combo/autocomplete.js"></script> <script src="../assets/js/combo/history-base-min.js"></script> </head> <body class="yui3-skin-sam"> <div id="sidemenu" class="sidebar-menu">菜单</div> <div id="doc"> <div id="hd" class="yui3-g header"> <div class="yui3-u-3-4"> <h1><a href="../index.html"><img src="../assets/css/logo.png" title="" width="30px"></a> <a href="../index.html">BUI</a> </h1> <p class="off-left">其它版本:<select name="" id="" onchange="window.location.href=this.value"><option value="/demo/api/index.html" selected>1.5.0</option><option value="/demo/api-1.4.8/index.html">1.4.8</option></select></p> <p class="off-left" style="font-size:12px;margin-right: 15px;">API for BUI 1.5.2 </p> </div> </div> <div id="bd" class="yui3-g"> <div id="sidebar" class="yui3-u-1-4"> <div id="docs-sidebar" class="sidebar apidocs"> <div id="api-list"> <div id="api-tabview" class="tabview"> <ul class="tabs"> <li><a href="#api-classes">Classes</a></li> <li><a href="#api-modules">Modules</a></li> </ul> <div id="api-tabview-filter"> <input type="search" id="api-filter" placeholder="Type to filter APIs"> </div> <div id="api-tabview-panel"> <ul id="api-classes" class="apis classes"> <li><a href="../classes/bui.accordion.html">bui.accordion</a></li> <li><a href="../classes/bui.actionsheet.html">bui.actionsheet</a></li> <li><a href="../classes/bui.ajax.html">bui.ajax</a></li> <li><a href="../classes/bui.alert.html">bui.alert</a></li> <li><a href="../classes/bui.animate.html">bui.animate</a></li> <li><a href="../classes/bui.array.html">bui.array</a></li> <li><a href="../classes/bui.back.html">bui.back</a></li> <li><a href="../classes/bui.btn.html">bui.btn</a></li> <li><a href="../classes/bui.checkVersion.html">bui.checkVersion</a></li> <li><a href="../classes/bui.config.html">bui.config</a></li> <li><a href="../classes/bui.confirm.html">bui.confirm</a></li> <li><a href="../classes/bui.dialog.html">bui.dialog</a></li> <li><a href="../classes/bui.download.html">bui.download</a></li> <li><a href="../classes/bui.dropdown.html">bui.dropdown</a></li> <li><a href="../classes/bui.emitter.html">bui.emitter</a></li> <li><a href="../classes/bui.file.html">bui.file</a></li> <li><a href="../classes/bui.fileselect.html">bui.fileselect</a></li> <li><a href="../classes/bui.getPageParams.html">bui.getPageParams</a></li> <li><a href="../classes/bui.guid.html">bui.guid</a></li> <li><a href="../classes/bui.hint.html">bui.hint</a></li> <li><a href="../classes/bui.init.html">bui.init</a></li> <li><a href="../classes/bui.input.html">bui.input</a></li> <li><a href="../classes/bui.levelselect.html">bui.levelselect</a></li> <li><a href="../classes/bui.list.html">bui.list</a></li> <li><a href="../classes/bui.listview.html">bui.listview</a></li> <li><a href="../classes/bui.load.html">bui.load</a></li> <li><a href="../classes/bui.loader.html">bui.loader</a></li> <li><a href="../classes/bui.loading.html">bui.loading</a></li> <li><a href="../classes/bui.mask.html">bui.mask</a></li> <li><a href="../classes/bui.number.html">bui.number</a></li> <li><a href="../classes/bui.pickerdate.html">bui.pickerdate</a></li> <li><a href="../classes/bui.platform.html">bui.platform</a></li> <li><a href="../classes/bui.prompt.html">bui.prompt</a></li> <li><a href="../classes/bui.pullrefresh.html">bui.pullrefresh</a></li> <li><a href="../classes/bui.rating.html">bui.rating</a></li> <li><a href="../classes/bui.ready.html">bui.ready</a></li> <li><a href="../classes/bui.refresh.html">bui.refresh</a></li> <li><a href="../classes/bui.router.html">bui.router</a></li> <li><a href="../classes/bui.run.html">bui.run</a></li> <li><a href="../classes/bui.scroll.html">bui.scroll</a></li> <li><a href="../classes/bui.searchbar.html">bui.searchbar</a></li> <li><a href="../classes/bui.select.html">bui.select</a></li> <li><a href="../classes/bui.sidebar.html">bui.sidebar</a></li> <li><a href="../classes/bui.slide.html">bui.slide</a></li> <li><a href="../classes/bui.stepbar.html">bui.stepbar</a></li> <li><a href="../classes/bui.storage.html">bui.storage</a></li> <li><a href="../classes/bui.store.html">bui.store</a></li> <li><a href="../classes/bui.swipe.html">bui.swipe</a></li> <li><a href="../classes/bui.tab.html">bui.tab</a></li> <li><a href="../classes/bui.timer.html">bui.timer</a></li> <li><a href="../classes/bui.toggle.html">bui.toggle</a></li> <li><a href="../classes/bui.typeof.html">bui.typeof</a></li> <li><a href="../classes/bui.unit.html">bui.unit</a></li> <li><a href="../classes/bui.upload.html">bui.upload</a></li> <li><a href="../classes/bui.viewport.html">bui.viewport</a></li> </ul> <ul id="api-modules" class="apis modules"> <li><a href="../modules/Animate.html">Animate</a></li> <li><a href="../modules/Core.html">Core</a></li> <li><a href="../modules/Event.html">Event</a></li> <li><a href="../modules/Method.html">Method</a></li> <li><a href="../modules/Native.html">Native</a></l

评论收藏

内容反馈

版权申诉