摘要: 为实现下拉刷新功能,大多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) 编辑