永远行进

从周一开始接触mui框架，到今天完成一个简单app的开发，时间刚好一周，mui框架丰富的插件集成和方便的调用功不可没，但是在开发过程中也遇到了一些坑，为方便以后查看，做个记录，也希望能帮助到别人更好了。以下部分内容摘自官网。mui框架简介APP开发一般可以用Html5和原生开发两种方式，考虑到性能和体验的原因，APP开发一直以来采用原生开发方式。以往H5开发主要问题有切页白屏、浮动元素抖动、下拉刷新

在上一篇文章中简单介绍了mui框架，并创建了第一个mui项目。在APP中，底部的选项卡菜单一般是各个APP都有的，在mui中怎样创建呢，下面就简单说下。极速创建【文件】->【新建】->【HTML文件】，然后在弹出窗口下面的“选择模板组：”中选中“mui底部选项卡（Webview模式）”。点击完成，就会自动创建一个带有默认页面的模板。 打开tab-webview-main.html可以在右侧看到

页面传值是所有web框架都涉及的问题，在web项目中，页面传值可以通过url参数，session，post等方式，但mui项目是运行在客户端的app，上面的方法自然不可行。在mui项目开发中，页面传值主要有两种方法：一种是初始化传值，一种是自定义事件。初始化传值又可分为两种情况，预加载时传值和打开时传值。为避免切页白屏，一般可以将页面先在调用的页面加载，显示的时候直接调用show就可以。但对于这样的

关于下拉刷新，上拉加载在官方文档已经有了比较详细的说明，这里只说一下实际使用是需要注意的地方。 官方下拉刷新：http://dev.dcloud.net.cn/mui/pulldown/ 官方上拉加载：http://dev.dcloud.net.cn/mui/pullup/可以在HBuilder中直接【文件】->【新建】->【Html页面】，在下面选择"mui下拉刷新、上拉加载"，这里默认创建的

mui中提供了登录的模板页，但是对于登录后各个页面的访问控制，刷新等并没有官方的推荐方案。我在这里简单说一种初级的解决方案吧，肯定有不足指出，欢迎批评指正。第一节中创建移动APP项目的时候选择的是"mui项目"，只引入了默认的js和css等文件，没有登录模板。要使用默认登录模板，可以创建的时候选择"mui登录模板"。现在创建一个名为muiLogin的"mui登录模板"项目： 可以看到这次多了不少东

HBuilder中右侧自带了内置浏览器，可以实时看到效果，但是对于一些需要调用plus才能显示的效果就无能为力了。 如果用真机进行调试，连接电脑装驱动，每次都得检测，有的手机电脑都检测不到，我的就是-_-||，这时候，如果能用安卓模拟器进行调试，全电脑操作，那肯定方便多了。经过网上摸索查询，下面记录下解决方案：模拟器选择安卓模拟器有很多，我这里用的是天天模拟器，其他模拟器也是可以的，也看到了很多用

在HBuilder中获取某个已经加载过的页面可以通过plus.webview.getWebviewById(id)得到，这里的id默认是url，但是入口文件通过这种方式获取不到，要得到入口文件，id应该替换为plus.runtime.appid，或者说应用id就是入口页面的idvar main = plus.webview.getWebviewById(plus.runtime.appid);

HBuilder开发思想和传统APP开发不太一样，页面间传值的方式也略有不同，不同的方式适用于不同的场景，简单总结下。1 页面预加载或创建时传值页面预加载有两种方式，mui.init()和mui.preload().前者支持同时预加载多个页面，后者只能每次预加载一个页面。1.1 通过mui.init()向预加载页面传值