回顾
回顾一下之前的要点:
1.Hbuilder创建项目,真机调试
2.首页
3.列表页
4.侧滑菜单
5.websql
6.几种页面打开的方式
再讲下本节的要点:
1.fire方式页面间传值
2.再讲websql
完成事项
功能描述
左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单,
过程
1.左滑出现完成按钮
2.点击按钮后将...
分类:
移动开发 时间:
2015-08-04 23:07:05
阅读次数:
350
说明
上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说,
本节详细述说下几种页面打开方式的区别。
几种打开页面的方式
1.初始化时创建子页面
2.直接打开新页面
3.预加载页面
示例
1.初始化时创建子页面
mui.init({
subpages: [{
url: your - subpage - url, //子页面HT...
分类:
移动开发 时间:
2015-08-04 23:06:30
阅读次数:
228
主页面的写法(function($, doc) { mui.init({ swipeBack : false, subpages: [{ id: 'addMemberContent', url: 'addMemberContent.html', s...
分类:
其他好文 时间:
2015-08-03 18:44:53
阅读次数:
5909
??1安装HBuilder5.0.0,安装后的界面截图如下:2 按照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上图的Boilerplate.html:3 代码内容如下: 作者:XXX@qq.com 时间:2015-08-02 描述:使用MUI,您可以...
分类:
Web程序 时间:
2015-08-03 01:12:29
阅读次数:
572
在APP的开发中,如果我们用到了H5+的一些API或者接口,我们需要初始化另外一个函数,类属于 JS 中的window.onload 或者 window.readyMui.plusReady(); 所有涉及到H5+的东西,建议写到这个里面mui.plusReady(function(){ ...
分类:
其他好文 时间:
2015-08-02 16:39:54
阅读次数:
420
mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载。 以下是mui的初始化。由于博文中不能引用js的代码,故将js....
分类:
其他好文 时间:
2015-08-02 16:37:43
阅读次数:
121
实战
前面几节基本是一些概念的普及,
正如前面提到的,本教程会以滴石作为范例进行讲解,
有兴趣的可以先行下载体验一下,或者下载源码研究下。
新建项目
打开HBuilder,在项目管理器中右键——新建——移动app,或者直接ctrl+n,a,
见到如下界面,填入项目名称,选择mui项目,
新建完成后,默认生成的目录如下,基本和前端开发的目录结构类似,
连接手机...
分类:
移动开发 时间:
2015-07-30 00:46:49
阅读次数:
227
为什么组件化?分层设计,代码复用,减少冗余;维护方便,弹性好;如何组件化?目前代码分成三级:第一级粒度最细,是基础,主要包含字体配置,颜色配置,UI框架(比如MUI或者pure.css);第二级是组件层,项目中出现两次及以上的样式单独抽离成一个组件,如果组件小于15个,单独放到一个component...
分类:
Web程序 时间:
2015-07-20 01:19:49
阅读次数:
201
在做开发的过程中我们经常用到折叠面板。那我们来看下折叠面板究竟是怎么使用。
废话不多说。
代码粘下来:
折叠效果
mui.init();
折叠面板
折叠标题
我是内容1
我是内容2
我是内容3...
分类:
其他好文 时间:
2015-07-16 22:12:53
阅读次数:
154
滴石
介绍
滴石是用HBuilder开发的一款计划类app,
用到HBuilder,mui,nativejs以及h5一些特性。
预期
目前只开发到todolist级别,
以后计划做成日计划,月计划,年计划等计划类app。
网址
官网:http://uikoo9.com/dishi
开源:http://git.oschina.net/uikoo9/uikoo9-dishi
教...
分类:
移动开发 时间:
2015-07-09 11:28:45
阅读次数:
388