- 博客(5)
- 收藏
- 关注
RSS订阅原创 HBuilder mui 自定义事件和预加载
作者：任铭基，撰写时间：2019年5月16日用户开发应用中会大量使用事件功能。除了浏览器内置的事件及mui框架内置的事件（比如手势事件）外，mui同时支持用户触发和绑定自定义事件。通过自定义事件，用户可以轻松实现页面间数据传递。监听自定义事件添加自定义事件监听操作和标准js事件监听类似，可直接通过window对象添加，如下：window.addEventListener(‘customEv...
2019-05-16 22:22:57
989
原创 MUI 下拉刷新
作者：任铭基，撰写时间：2019年5月16日下拉刷新功能在日常APP开发中使用非常频繁，比如消息界面，新闻界面，论坛界面需要你下拉刷新最新的帖子。下拉刷新：mui 通过使用原生 webview 下拉刷新解决这个 DIV 动画的卡顿问题，并且拖动效果更加流畅；这里提供两种模式的下拉刷新，以适用不同场景：一、单webview：顾名思义就是在一个webview上实现下拉刷新，使用的是原生的下拉控...
2019-05-16 22:21:33
3168
1
原创 Hbuilder开发APP(三)——webview模式选项卡实现滑动切换
作者：任铭基，撰写时间：2019年5月5日关于选项卡切换，相信大家都不陌生。hello mui中提供了多种选项卡切换的实现方式，不过大体分为div模式（单页）以及webviedw模式（多个页面）。div模式中又提供了可左右拖动实现切换的模式在实际开发中，数据量只会多不会少，因此我们通常都会采用webview模式选项卡。与此同时，许多同学依旧希望能够实现滑动来实现选项卡的切换。可能大家会说，这个...
2019-05-08 18:51:30
1604
原创 Hbuilder开发APP(二)——侧滑菜单（webview模式）
作者：任铭基，撰写时间：2019年5月5日mui提供了两种侧滑导航实现：webview模式和div模式，两种模式各有优劣，适用于不同的场景。今天我们来说下webview模式主页面和菜单内容在不同的webview中，两个页面根据内容需求分别组织DOM结构，mui对其DOM结构无特殊要求，故其有如下优点：（1）菜单内容是单独的webview，故可被多个页面复用；（2）菜单内容在单独的webv...
2019-05-08 10:59:39
1105
原创 Hbuilder开发APP(一)——底部导航条简单实现
作者：任铭基，撰写时间：2019年5月5日最近在用Hbuilder开发APP来我们看下底部导航栏吧首先是index.html，所有的代码基本上都在这里了：底部导航标签是首先是index.html，所有的代码基本上都在这里了：底部导航标签是nav以及class属性：首先是mui.init()，mui框架将很多的功能配置都集中在mui.init()中，如果我们要使用某项功能，只需要在...
2019-05-08 10:43:19
3570
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人