玩转BUI系列2--自定义区间范围选择器range

2022-10-09
阅读 2 分钟
1.3k
一、兼容HTML5在Input扩展了type的类型,设置type="range" 即可轻松获得一个滑动条控件。 {代码...} 滑动条对应属性max - 规定允许的最大值。min - 规定允许的最小值。step - 规定合法数字间隔。value - 规定默认值。这个效果在不同浏览器的样式支持不太一样,在安卓微信浏览器是这样的效果。BUI通过样式自定义样式统一...
封面图

玩转BUI系列一--动画控制交互篇:bui.animate

2022-09-10
阅读 7 分钟
1.6k
早在BUI 1.0 版本就已经加入了这个动画控制器,利用transform 进行上下左右旋转放大缩小等操作,简单的操控元素按步骤做动画。原本是打算在BUI控件里面用的,后面采用了bui.toggle来处理交互动画,用animate比较少,就一直搁着。直到最近1.7.3版本开始,才对这个动画控制器进行改造,改造后,现在支持属性动画,同步动画...

BUI 新官网上线了,全新出发!

2022-06-22
阅读 1 分钟
1.1k
经过几个月的奋战,我们的BUI 新官网终于上线了!热泪盈眶.jpg简介BUI 是一个跨平台UI开发框架,基于路径式的组件化开发,结合单页路由,可按需加载,开箱零配置,简单上手,适合独立开发各种 Webapp,App,轻应用,小程序,公众号,聆客,钉钉……网站更新内容如下:【新增】一个新闻资讯类组件化开发的案例,包含(登录...

你猜这是小程序还是webapp跳转?--小程序Webview与Webapp交互传参

2021-05-31
阅读 4 分钟
3.3k
你能猜到第1种效果是采用什么跳转吗?熟悉bui开发的朋友可能已经猜到了,第1种的路由跳转采用的就是BUI的单页开发路由跳转(先加载再跳转),第2种是跳转到小程序的交互效果(先闪白再加载)。得益于单页路由动态加载组件的方式,整体体验感觉会更流畅,更舒服些。

网易云音乐年度歌单的卡通形象联动制作

2021-01-28
阅读 21 分钟
2.4k
最近朋友圈被很多网易云音乐的年底歌单给刷屏了, 我也去看了我的年度歌单, 发现一个有意思的交互效果, 选择卡通形象, 通过滑动选择人物的不同头像,衣服,裤子 最终塑造成一个拥有独立个性的卡通形象.

八、几行代码实现一个树组件【BUI App开发】

2020-10-01
阅读 6 分钟
1.6k
这可能是最简单的一棵树了.树菜单效果图预览分析交互这棵树的交互像已有的哪个组件? 折叠菜单? 点击显示,点击隐藏. 只是折叠菜单只有一层, 树有无限层. 折叠菜单效果预览BUI的组件都是只定义了交互, 其它给予了比较大的想象空间. 比如: 折叠面板, 新闻详情的查看更多折叠面板效果新闻详情的查看更多效果树的实现如果折叠...

[分享]高仿网易新闻WebApp模板源码下载

2020-08-17
阅读 1 分钟
2.1k
BUI-163网易新闻大小: 6.27M该App基于BUI Webapp框架+Dcloud构建. 仅供学习交流使用.整个app开发过程记录在这里bui神速订阅号. 快速开发App系列篇预览交互1: 下拉刷新, 加载分页交互2: Tab嵌套交互交互3: 栏目删减自动更新交互4: 底部tab的交互, 每个Tab里面还有各自的交互下载源码下载: [链接]App体验下载: [链接]

【快速开发App实战】BUI高仿网易新闻App系列一、搭建App开发环境和工作空间

2020-08-07
阅读 3 分钟
3.1k
我们的目标是要做一个真实的案例, 着重通过BUI框架及其相关工具的使用, 结合原生打包平台, 帮助大家理解一个App的开发过程. 以最新网易新闻的App为例, 尽量只描述过程, 细节可以自行完善, 高仿得太过以假乱真, 会有侵权问题 ^_^. 文章会分为多个小章节, 知识点逐个讲解的方式, 每天掌握一点点, 进步一点点. 文章首发都会...

BUI 1.6.2 发布了--专注webapp开发

2020-07-23
阅读 2 分钟
1.8k
1.6.2 2020722 重点更新说明 此次更新除了修复一些控件的bug以外, 主要有以下重点更新: bui.tab选项卡, 支持data参数, 通过数据配置不同的菜单位置, 展示不一样的效果, 按需加载组件, 或者一次性加载; bui.store 完善了之前未留意到的细节, 还新增了两个实例的相同参数建立连接, 以及对象数组的深度监听; 完善component...

BUI 组件通讯

2020-04-27
阅读 10 分钟
1.9k
路由初始化以后就会去找 main 入口页, 假设main由3个组件组成, 会依次,从上到下加载组件, 加载以后再递归查找子组件, 如此反复. (虽然默认组件允许嵌套组件, 但我们依然不建议把页面拆得太散. 组件应该是一个可以被自由加载,独立运行的个体. )

BUI Webapp 跨平台框架 1.6 新版功能盘点

2020-04-23
阅读 16 分钟
3k
BUI 是用来快速构建界面交互的渐进式UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信公众号, 微信小程序webview, 聆客, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan 等), 最...

写一个BUI折叠菜单插件

2019-09-08
阅读 7 分钟
1.9k
写一个BUI折叠菜单插件 效果预览 控件分析 控件结构 一个点击显示隐藏的效果, 并且点击的时候, 会先把展开进行隐藏, 再展开自己的. 从界面上我们来看看结构的设计. {代码...} 这里我们采用的是并列同级的方式, 那结构写起来有点麻烦, 其实这个结构跟 dl,dt,dd 是一致的, 那我们完全可以优化成以下结构. {代码...} bui的...

好快, 1分钟开发好一个下拉刷新,滚动加载列表

2019-08-27
阅读 5 分钟
3.5k
好快, 1分钟写好下拉刷新,滚动加载自动分页列表 前言 欢迎关注BUI Webapp专栏 或者 bui神速微信公众号. 以往文章: 2019开发最快的Webapp框架--BUI交互框架 微信Webapp开发的各种变态路由需求及解决办法! 【BUI实战篇】BUI数据驱动做的拼图游戏 Webapp移动适配版,基于vuejs拼图游戏改造 webapp结合Dcloud平台打包图文教...

【BUI实战篇】BUI数据驱动做的拼图游戏 Webapp移动适配版,基于vuejs拼图游戏改造

2019-07-24
阅读 13 分钟
3k
bui.store 是bui的核心一部分,基于DOM的数据驱动。为了让熟悉vuejs更容易上手,接口参照 vuejs 的api设计。刚好看到一个有意思的基于vuejs设计的拼图游戏,于是动手转换,把整个开发过程记录下来,并做了移动端适配,优化,不费吹灰之力,拼图源码的创意归原作者所有。

一张脑图看懂BUI Webapp移动快速开发框架【下】--快速入门指引

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

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

2019-07-22
阅读 3 分钟
7.2k
之前写过一篇 2018开发最快的Webapp框架--BUI交互框架 ,如果你还没看过,可以简单看一下,主要介绍了BUI的基本功能,有多少控件,以及实现的思路,BUI 1.5版本以后变化很大,统一新的风格,新的规范750,新增基于Dom的数据驱动,完善了页面的生命周期等等,当你真正理解了BUI的模块,路由,数据驱动,工具之间的关系,...

webapp结合Dcloud平台打包图文教程

2018-08-06
阅读 3 分钟
7.9k
最近一直有BUI Webapp的开发者在问, webapp如何打包? 这本身是属于第三方平台的事, 既然有开发者在问, 那我们针对这个问题, 也想对Webapp的打包做个总结, 本文适用于任何的H5打包, 如果你是使用BUI开发的Webapp, 那会更加简单. 最后会有不同平台的打包效果对比, 可以下载安装测试.

微信Webapp开发的各种变态路由需求及解决办法!

2018-07-05
阅读 3 分钟
7.5k
问题描述: 微信打开的web页面默认是会缓存的,这是为了加载更快,本来是好事,但对于用来调试的我们就比较痛苦了,每每更改一些js,html, 刷新以后,怎么样都去不掉.

BUI Webapp用于项目中的一点小心得

2018-07-04
阅读 3 分钟
6.4k
接触BUI也有一段时间,也用在了移动端的项目开发中,总的来说,该框架用起来也挺灵活的,控件可以自由定制,前提是自己能认真地学习该框架的api,因为api里面说的东西比较详细,如果没有仔细看的,可能有些功能点没有看到而导致一些效果弄不了,以下是我学习运用bui所得到的一点小心得,说的不好的地方,希望指正

BUI Webapp 入门教程

2018-05-30
阅读 1 分钟
8k
BUI Webapp框架是一个快速构建Webapp界面交互的UI框架, 高保真还原设计稿, 拿来即用, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 最终开发出来的应用, 可以嵌入平台 ( 微信, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan , 前海圆舟等)...

2019开发最快的Webapp框架--BUI交互框架

2018-01-25
阅读 11 分钟
39.4k
BUI 1.5版本以后变化很大,统一新的风格,新的规范750,新增基于Dom的数据驱动,完善了单页路由页面的生命周期等等,在好用的路上越走越远,如果你也觉得好用,帮我们推荐给您身边的朋友,谢谢。后续我们还会整理一些实战类的教程,欢迎关注BUI Webapp专栏。