摘要: 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况); 通过双webview解决这个DIV的拖动流畅度问题;拖动时,拖动的不是div,而是一个完整的webview(子webview),回弹动画使用原生动画;在i... 阅读全文
posted @ 2015-08-02 17:20 骨子里的傲气 阅读(484) 评论(0) 推荐(0) 编辑
摘要: varbtnArray=[{title:"分享到微信"},{title:"分享到新浪微博"},{title:"分享到搜狐微博"}];//选择按钮123plus.nativeUI.actionSheet({title:"分享到",cancel:"取消",//0buttons:btnArray},fun... 阅读全文
posted @ 2015-08-02 17:11 骨子里的傲气 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 1)警告消息框mui.alert('欢迎使用Hello东翌学院','东翌学院',function(){alert('你刚关闭了警告框');});2)消息提示框varbtnArray=['是','否'];mui.confirm('东翌学院是专业跨平台APP培训学院,赞?','Hello东翌学院',bt... 阅读全文
posted @ 2015-08-02 17:10 骨子里的傲气 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 所谓的预加载技术就是在用户尚未触发页面跳转时,提前创建目标页面,这样当用户跳转时,就可以立即进行页面切换,节省创建新页面的时间,提升app使用体验。mui提供两种方式实现页面预加载。方式一:通过mui.init方法中的preloadPages参数进行配置mui.init({//可同时加载一个或者多个... 阅读全文
posted @ 2015-08-02 17:05 骨子里的傲气 阅读(560) 评论(0) 推荐(0) 编辑
摘要: HTML部分:社区9群组我的JavaScript部分://创建子页面varsubpages=['a.html','b.html'];varsubpage_style={top:'0px',bottom:'50px',scrollIndicator:"none",//当你的界面的内容足够多的时候,会出... 阅读全文
posted @ 2015-08-02 16:51 骨子里的傲气 阅读(607) 评论(1) 推荐(0) 编辑
摘要: 1,点击包含.mui-action-back类的控件2,在页面上,向右快速滑动3, Android手机按下back按键mui框架封装的页面右滑关闭功能,默认未启用,若要使用右滑关闭功能,需要在mui.init();方法中设置swipeBack参数,如下:123mui.init({swipeBack:... 阅读全文
posted @ 2015-08-02 16:48 骨子里的傲气 阅读(255) 评论(0) 推荐(0) 编辑
摘要: show:{//openwindow函数内设置autoShow:false}//目标页面//从服务器获取数据....这里是业务逻辑//业务数据获取完毕,并已插入当前页面DOM;//注意:若为ajax请求,则需将如下代码放在处理完ajax响应数据之后;mui.plusReady(function(){... 阅读全文
posted @ 2015-08-02 16:46 骨子里的傲气 阅读(235) 评论(0) 推荐(0) 编辑
摘要: mui.plusReady(function(){varself=plus.webview.currentWebview('list');//list为传递参数的页面idvarname=self.name;//name和age为传递的参数的键varage=self.age;console.log(n... 阅读全文
posted @ 2015-08-02 16:45 骨子里的傲气 阅读(154) 评论(0) 推荐(0) 编辑
摘要: //打开新窗口mui.openWindow({url:'target.html',//需要打开页面的url地址id:'target',//需要打开页面的url页面idstyles:{top:'0px',//新页面顶部位置bottom:'0px',//新页面底部位置// width:newpage-w... 阅读全文
posted @ 2015-08-02 16:22 骨子里的傲气 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 为防止APP运行过程中内容滚动出现卡顿的现象,所以部分页面我们采用头部和内容分离的形式进行实现,比如头部导航和底部导航 mui.init({subpages:[{url:your-subpage-url,//子页面HTML地址,支持本地地址和网络地址id:your-subpage-id,//子页面... 阅读全文
posted @ 2015-08-02 16:20 骨子里的傲气 阅读(417) 评论(0) 推荐(0) 编辑
摘要: 在APP的开发中,如果我们用到了H5+的一些API或者接口,我们需要初始化另外一个函数,类属于 JS 中的window.onload 或者 window.readyMui.plusReady(); 所有涉及到H5+的东西,建议写到这个里面mui.plusReady(function(){varw=p... 阅读全文
posted @ 2015-08-02 16:17 骨子里的傲气 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 1、界面初始化初始化就是把一切程序设为默认状态,把没准备的准备好。mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可,目前支持在mui.init方法中配置的功能包括:创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载... 阅读全文
posted @ 2015-08-02 16:14 骨子里的傲气 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 手机应用越来越广泛,但凡有实力的公司都会建立自己的APP,而公司开发这一块还没有涉及,接的很多业务都有做APP的需求,多是包给其他的公司做。之前公司也有试着做过,但是安排给一些实习生边学边做,花了时间,做出来的页面实在看不下去,当然可以慢慢完善,但是这样一个任务教给并不怎么熟练的实习生做,公司到最后... 阅读全文
posted @ 2015-08-02 16:03 骨子里的傲气 阅读(302) 评论(0) 推荐(0) 编辑