跳转页面的两种方式
一、
api.openFrame ({
name: 'AllGroup',
url: '../AllGroup.html',
reload:'true',
rect:{
x:0,
y:41,
w:'auto',
h:'auto'
},
bounces: false,
pageParam: {
"id":api.pageParam.id
}
});
二、
api.openWin({
name: type,
url: 'header/'+type+'.html',
bounces: false,
pageParam: {
"id":id //id
}
});
说明：pageParam是用来在页面间传值的，获取上一页面传来的值的方式是api.pageParam.id(其中id是在传值时的变量名,若变量名为name,这里就写api.pageParam.name).
三、关闭页面
api.closeWin({name:pagename});pagename是所要关闭页面的全名称
沉浸式效果实现
在config.xml文件配置是否开启:
CSS Framework
清除浏览器默认样式（借鉴CSS Reset，Normalize.css）
禁用系统长按菜单（-webkit-touch-callout:none）
禁用字体大小自动调整（-webkit-text-size-adjust:none）
去掉点击高亮（-webkit-tap-highlight-color:rgba(0, 0, 0, 0)）
禁止选择内容（-webkit-user-select:none）
清除浮动（.clearfix）
加载更多默认样式（.loading_more）
选择器
var main = $api.byId('main');
var headerPos = $api.offset(header);
pageParam
页面参数，JSON 对象类型
用于获取页面间传递的参数值，为 openWin()、openFrame() 等方法中的 pageParam 参数对应值
打开一个frame组
api.openFrameGroup({
name: 'group1',
background: '#fff',
scrollEnabled: false,
rect: {
x: 0,
y: 0,
w: 'auto',
h: 'auto'
},
index: 0,
frames: [{
name: 'frame1',
url: 'frame1.html',
bgColor: '#fff'
}, {
name: 'frame2',
url: 'frame2.html',
bgColor: '#fff'
}]
}, function(ret, err) {
var index = ret.index;
});
关闭一个frame组
api.closeFrameGroup({
name: 'group1'
});
execscript
// 通用header的window
var OpenCommon=function(name,title){
api.execscript({
name:'root',
script:'indexOpenCommon("'+name+'","'+title+'")'
})
}
setPrefs localstorage sendEvent
sendEvent和setPrefs 这两个方法虽然都可以实现传值的功能，但
是不建议使用此方法进行传值，如果是上级页面传值给下级页面的话建议使用openwin或者openframe里面的pageParam参数实现，
如果是跨页面或者下级给上级传值建议使用execScript方法实现
widget
widget路径指的是最外面的路径
使用flex布局出现的问题
关于box-flex与flex两者之间实现的功能相同，但是对于不同的浏览器之间的兼容的问题有着不同的使用情况
在apicloud中，使用09年的box-flex才起到作用 、
有如下：
1
-webkit-box-pack:justify;（相当于space-between）
-webkit-justify-content:space-between;
2
-webkit-box-align:center;
-webkit-align-items: center;
justify-content: center;
-webkit-box-pack:center;
-webkit-justify-content:center;
3
display: -webkit-box;
display: -webkit-flex;
display: flex;
4
-webkit-box-orient: vertical;
box-orient: vertical;
5
-webkit-flex-direction: column;
flex-direction: column;
6
弹性盒子：
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
7
-webkit-box-orient:horizontal
-webkit-flex-flow:row
flex-flow:row
8
-webkit-box-orient:vertical
-webkit-flex-flow:column
flex-flow:column
倒计时
var toDouble = function(num){
var json;
if (num < 10) {
num = '0' + num;
} else{
num = num + '';
}
json = {
'n1': num.charAt(0),
'n2': num.charAt(1)
};
return json;
}
var h1=$api.byId("h1");
var h2=$api.byId("h2");
var m1=$api.byId("m1");
var m2=$api.byId("m2");
var s1=$api.byId("s1");
var s2=$api.byId("s2");
var countTimer;
var countDown = function(date){
var counting = (date.getTime() - (new Date().getTime()))/1000;
countDownTimer = setInterval(function(){
counting -= 1;
if (counting <= 0) {
// 倒计时结束……
clearInterval(countDownTimer);
}
var hh = parseInt(counting/3600);
var mm = parseInt((counting-hh*3600)/60);
var ss = parseInt(counting - hh*3600 - mm*60);
// toDouble(counting);
$api.text(h1,toDouble(hh).n1);
$api.text(h2,toDouble(hh).n2);
$api.text(m1,toDouble(mm).n1);
$api.text(m2,toDouble(mm).n2);
$api.text(s1,toDouble(ss).n1);
$api.text(s2,toDouble(ss).n2);
},1000)
}
var countDownTime = new Date();
countDownTime.setMinutes(countDownTime.getMinutes()+25);
countDown(countDownTime);
前端框架
-
val
var input=$api.dom("input"); $api.val(input,"45"); alert($api.val(input)); -
html
var html=$api.dom("p"); $api.html(html,'world
'); alert($api.html(html)); offset
var offset=$api.offset(html);
var width=offset.w;
var height=offset.h;
alert(width);
alert(offset)
-
setstorage
$api.setStorage('name','Tom'); alert($api.getStorage('name'))
防止iOS手机将数字转换成手机号码
api+vue
1. 转义
"'xuan_new_qz('+row.uid+',\''+row.nickname+'\')'"