一张脑图看懂BUI-Webapp移动快速开发框架上框架与工具资源

前言

之前写过一篇 2018开发最快的Webapp框架–BUI交互框架 ，如果你还没看过，可以简单看一下，主要介绍了BUI的基本功能，有多少控件，以及实现的思路，BUI 1.5版本以后变化很大，统一新的风格，新的规范750，新增基于Dom的数据驱动，完善了页面的生命周期等等，当你真正理解了BUI的模块，路由，数据驱动，工具之间的关系，没有什么需求是你实现不了的。后续我们还会增加一些实战类的移动开发案例，欢迎关注BUI Webapp专栏。

BUI 新版预览

在线预览

大纲

大纲在线预览

1.框架设计

框架介绍

简介

BUI 是用来快速构建界面交互的UI交互框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( Link, 微信, 小程序, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圆舟 等), 最终可以全跨平台展示.

用途

1. 快速开发webapp应用
2. 结合原生平台打包独立安装应用
3. 快速开发微信公众号的应用
4. 推广类的制作

……

特点

1. UI设计稿还原定制能力，移动端适配机制, 跟原生DPI缩放保持一致;
2. 快速上手，学习几乎零成本;
3. 快速融入各种平台，保持原平台的交互操作;
4. 简单的路由，丰富的切换效果;
5. 模块化开发，多人协作，按需加载;
6. 开发一次，安卓IOS适用;
7. 兼容requirejs，seajs模块;
8. 可以结合数据驱动

9. 支持不同平台打包

   Cordova
   DCloud
   APICloud
   AppCan
   前海圆舟

10. 开发运行效率快

……

适合

前端开发者
后端开发者
安卓开发者
IOS开发者

bui.js脚本库

• 全局属性
• 核心
• 控件
• 方法

bui.css样式库

• 全局样式
• 排版样式
• 布局样式
• 定位样式
• 常见样式

2.框架演示

• 控件演示
• 常用UI演示

3.提高效率工具

• BUIFast 编辑器插件
• buijs cli工程构建工具
• Demo源码查看器

4.免费模板案例资源

• 免费案例
• 免费模板
• 免费插件
• 下载中心

5.文档

• API 文档查阅
  每个控件只保留了最基本的用法书写，更多需求需要查看对应的参数
• 入门文档
  从环境搭建开始一步步学习，入门很简单
• 组件文档
  每个控件的示例源码及说明
• BUI 专栏
  项目案例经验与技巧类的文章，欢迎投稿

6.入门视频

基于较早期的版本录制的视频，控件的用法，布局等，适用于多页开发

7.帮助中心

1. 搜索问题关键字，在官方文档有常见问题的处理
2. 搜索已解决的问题有没有一样的
3. 整理自己的问题结合代码配图反馈
4. 加入Q群与开发者一起交流，只能加1个
   1群：691560280【满】
   2群：4170980

在线脑图查看

图片无法看完，请 在线查看脑图