摘要: 发现APICloud倡导符合CMD以及AMD规范的JS编码标准,提供基于HTML5的跨平台App编译,并开放大量的端API和云API,辅助App开发及运营,云端并重,方向很是新颖。特此分享相关研究成果,持续更新中。
一、实现下拉刷新:
默认样式->代码清晰简洁明了,符合ECMA262规范的callback,最少只需5行代码:
apiready = function(){
api.setRefreshHeaderInfo(function(ret, err){
//refresh event callback
toDoRequest();
});
}
//do ajax
function toDoRequest(){
// GET、POST、PUT、DELETE、…
api.ajax({
url:'http://xxx.xxx.xxx'
}, function(ret, err){
api.refreshHeaderLoadDone(); //复位下拉刷新
//do your business
});
}
自定义样式->参数灵活可自由定义,非必选,实现自定义下拉刷新头的信息:
apiready = function(){
var param = {};
param.loadingImgae = 'widget://image/refresh.png'; //定义刷新小箭头的图片
param.bgColor = '#ccc'; //定义下拉刷新区域的背景
param.textColor = '#fff'; //定义下拉刷新提示文字的颜色
param.textDown = '下拉试试...'; //定义下拉刷新文字
param.textUp = '松开试试...'; //定义松开刷新文字
param.showTime = true; //定义是否显示最后一次刷新时间
api.setRefreshHeaderInfo(param, function(ret, err){
toDoRequest();
});
}
function toDoRequest(){
api.ajax({
url:'http://xxx.xxx.xxx'
}, function(ret, err){
api.refreshHeaderLoadDone(); //复位下拉刷新
//do your business
});
}
二、实现加载更多:
通过监听页面滚动到底部事件来实现:
apiready = function(){
api. addEventListener({name:'scrolltobottom'}, function(ret, err){
//refresh event callback
toDoRequest();
});
}
//do ajax
function toDoRequest(){
// GET、POST、PUT、DELETE、…
api.ajax({
url:'http://xxx.xxx.xxx'
}, function(ret, err){
//do your business
});
}
从接口规范上看,APICloud开放的端API简洁明了,效率高,规范、语义明确。极大提高了开发人员的工作效率,以及代码的可读性、维护性、扩展性。