随笔分类 -  APP 学习

1
分享APP学习
JS中的数据类型-web前端高级学习
摘要：JS中的数据类型 7+2　- 基本数据类型（也称值类型）： number、 string、boolean、null、undefined、 symbol、bigint >ES6中新增了两种数据类型symbol和bigint - 引用数据类型：对象(object) 、函数(function) 对象包含： 阅读全文
posted @ 2020-04-22 17:09 骨子里的傲气 阅读(184) 评论(0) 推荐(0)
19、图片轮播
摘要：1, 支持循环HTML部分: 2, 不支持循环 和循环不同的是没有再第一条和最后一条后面加入内容 --> JavaScript部分相同://获得slider插件对象var gallery = mui('... 阅读全文
posted @ 2015-10-31 12:54 骨子里的傲气 阅读(252) 评论(0) 推荐(0)
18、滑动导航选择
摘要：mui提供了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格组件，这些组件都用到了mui框架的slide插件，有较多共同点。首先，Dom内容构造基本相同，都必须有一个.mui-slider的父容器；其次，当拖动切换显示内容时，均会触发slide事件（可拖动式选项卡在点击选项卡标题时，也会触... 阅读全文
posted @ 2015-10-31 12:51 骨子里的傲气 阅读(1500) 评论(0) 推荐(0)
17、遮罩
摘要：在popover、侧滑菜单等界面，经常会用到蒙版遮罩；比如popover弹出后，除popover控件外的其它区域都会遮罩一层蒙版，用户点击蒙版不会触发蒙版下方的逻辑，而会关闭popover同时关闭蒙版；再比如侧滑菜单界面，菜单划出后，除侧滑菜单之外的其它区域都会遮罩一层蒙版，用户点击蒙版会关闭侧滑菜... 阅读全文
posted @ 2015-10-31 12:49 骨子里的傲气 阅读(252) 评论(0) 推荐(0)
16、手势
摘要：在开发移动端的应用时，会用到很多的手势操作，比如滑动、长按等，为了方便开放者快速集成这些手势，mui内置了常用的手势事件，目前支持的手势事件见如下列表：分类 参数描述点击 tap 单击屏幕doubletap 双击屏幕长按 longtap 长按屏幕hold ... 阅读全文
posted @ 2015-10-31 12:48 骨子里的傲气 阅读(282) 评论(0) 推荐(0)
15、上拉下拉整合
摘要：第一步，第二步和下拉刷新一样第三步:在mui.init()内同时设置上拉加载和下拉刷新mui.init({ pullRefresh: { container: '#pullrefresh', down: { contentdown : "下拉可... 阅读全文
posted @ 2015-10-31 12:46 骨子里的傲气 阅读(199) 评论(0) 推荐(0)
14、上拉加载
摘要：第一步，第二步 和下拉刷新的一样第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数mui.init({pullRefresh:{container:"#refreshDiv",//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.clas... 阅读全文
posted @ 2015-08-06 19:02 骨子里的傲气 阅读(255) 评论(0) 推荐(0)
13、下拉刷新
摘要：为实现下拉刷新功能，大多H5框架都是通过DIV模拟下拉回弹动画，在低端android手机上，DIV动画经常出现卡顿现象（特别是图文列表的情况）； 通过双webview解决这个DIV的拖动流畅度问题；拖动时，拖动的不是div，而是一个完整的webview（子webview），回弹动画使用原生动画；在i... 阅读全文
posted @ 2015-08-02 17:20 骨子里的傲气 阅读(499) 评论(0) 推荐(0)
12、原生模式ActionSheet
摘要：varbtnArray=[{title:"分享到微信"},{title:"分享到新浪微博"},{title:"分享到搜狐微博"}];//选择按钮123plus.nativeUI.actionSheet({title:"分享到",cancel:"取消",//0buttons:btnArray},fun... 阅读全文
posted @ 2015-08-02 17:11 骨子里的傲气 阅读(359) 评论(0) 推荐(0)
11、消息框
摘要：1）警告消息框mui.alert('欢迎使用Hello东翌学院','东翌学院',function(){alert('你刚关闭了警告框');});2）消息提示框varbtnArray=['是','否'];mui.confirm('东翌学院是专业跨平台APP培训学院，赞？','Hello东翌学院',bt... 阅读全文
posted @ 2015-08-02 17:10 骨子里的傲气 阅读(313) 评论(0) 推荐(0)
10、页面预加载
摘要：所谓的预加载技术就是在用户尚未触发页面跳转时，提前创建目标页面，这样当用户跳转时，就可以立即进行页面切换，节省创建新页面的时间，提升app使用体验。mui提供两种方式实现页面预加载。方式一：通过mui.init方法中的preloadPages参数进行配置mui.init({//可同时加载一个或者多个... 阅读全文
posted @ 2015-08-02 17:05 骨子里的傲气 阅读(583) 评论(0) 推荐(0)
9、底部导航切换界面
摘要：HTML部分:社区9群组我的JavaScript部分://创建子页面varsubpages=['a.html','b.html'];varsubpage_style={top:'0px',bottom:'50px',scrollIndicator:"none",//当你的界面的内容足够多的时候，会出... 阅读全文
posted @ 2015-08-02 16:51 骨子里的傲气 阅读(627) 评论(1) 推荐(0)
8、关闭界面
摘要：1，点击包含.mui-action-back类的控件2，在页面上，向右快速滑动3， Android手机按下back按键mui框架封装的页面右滑关闭功能，默认未启用，若要使用右滑关闭功能，需要在mui.init();方法中设置swipeBack参数，如下：123mui.init({swipeBack:... 阅读全文
posted @ 2015-08-02 16:48 骨子里的傲气 阅读(265) 评论(0) 推荐(0)
7、控制页面load显示
摘要：show:{//openwindow函数内设置autoShow:false}//目标页面//从服务器获取数据....这里是业务逻辑//业务数据获取完毕，并已插入当前页面DOM；//注意：若为ajax请求，则需将如下代码放在处理完ajax响应数据之后；mui.plusReady(function(){... 阅读全文
posted @ 2015-08-02 16:46 骨子里的傲气 阅读(244) 评论(0) 推荐(0)
6、参数传递
摘要：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 骨子里的傲气 阅读(161) 评论(0) 推荐(0)
5、打开界面
摘要：//打开新窗口mui.openWindow({url:'target.html',//需要打开页面的url地址id:'target',//需要打开页面的url页面idstyles:{top:'0px',//新页面顶部位置bottom:'0px',//新页面底部位置// width:newpage-w... 阅读全文
posted @ 2015-08-02 16:22 骨子里的傲气 阅读(303) 评论(0) 推荐(0)
4、创建子页面
摘要：为防止APP运行过程中内容滚动出现卡顿的现象，所以部分页面我们采用头部和内容分离的形式进行实现，比如头部导航和底部导航 mui.init({subpages:[{url:your-subpage-url,//子页面HTML地址，支持本地地址和网络地址id:your-subpage-id,//子页面... 阅读全文
posted @ 2015-08-02 16:20 骨子里的傲气 阅读(431) 评论(0) 推荐(0)
3、H5+初始化
摘要：在APP的开发中，如果我们用到了H5+的一些API或者接口，我们需要初始化另外一个函数，类属于 JS 中的window.onload 或者 window.readyMui.plusReady(); 所有涉及到H5+的东西，建议写到这个里面mui.plusReady(function(){varw=p... 阅读全文
posted @ 2015-08-02 16:17 骨子里的傲气 阅读(269) 评论(0) 推荐(0)
2、界面初始化
摘要：1、界面初始化初始化就是把一切程序设为默认状态，把没准备的准备好。mui框架将很多功能配置都集中在mui.init方法中，要使用某项功能，只需要在mui.init方法中完成对应参数配置即可，目前支持在mui.init方法中配置的功能包括：创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载... 阅读全文
posted @ 2015-08-02 16:14 骨子里的傲气 阅读(396) 评论(0) 推荐(0)
1、学习app初衷
摘要：手机应用越来越广泛，但凡有实力的公司都会建立自己的APP，而公司开发这一块还没有涉及，接的很多业务都有做APP的需求，多是包给其他的公司做。之前公司也有试着做过，但是安排给一些实习生边学边做，花了时间，做出来的页面实在看不下去，当然可以慢慢完善，但是这样一个任务教给并不怎么熟练的实习生做，公司到最后... 阅读全文
posted @ 2015-08-02 16:03 骨子里的傲气 阅读(319) 评论(0) 推荐(0)

1