apcloud混合式开发app学习笔记
修改图标
新建项目
检出到本地
--------------------------
1.api.ajax
var loginName = $api.val($api.byId('uname'));
var passWord = $api.val($api.byId('psd'));
api.ajax({
url : 'http://10.13.0.67:8080/kangde-webapi/login.html',
method : 'post',
data : {
values : {
userName : userName,
passWord : passWord
}
}
}, function(ret, err) {
if (ret) {
if (ret.status == 'true') {
alert(ret.userName);
} else {
alert(ret.msg);
}
} else {
api.alert({
msg : JSON.stringify(err)
});
}
});
api.ajax
2.页面框架
新建页面框架
3.openFrame
打开新Frame
api.openFrame
4.openFrameGroup
打开新FrameGroup
api.openFrameGroup
5.openWin
打开新Window
api.openWin
6.初始化调用函数apiready
初始化调用函数
apiready =function(){ ... }
7.下拉刷新
下拉刷新
api.setRefreshHeaderInfo
8.pageParam传递参数
传递参数
pageParam:{'name':aa1}
api.openWin({
name: 'a1',
url: 'a1.html',
pageParam:{'name':aa1}
});
9.接收参数
接收参数
var name=api.pageParam.name;
10.前端框架开发$api
$api
var aa2=$api.html($api.byId('aa2'));
11.Window和frame传值(execScript)
frame:
var jsfun = 'funcGoto('+startName+');';
api.execScript({
//name: 'index',
script: jsfun
});
Window:
function funcGoto(startName){
//alert('funcGoto'+startName);
$api.html($api.byId('start'),startName);
}
12.api和$api在什么地方用
以api.xxx开头的放在apiready 中
在看到界面之后再触发的也可以写外面,只要等apiready 执行完之后.
以$api.xxx开头的可以随意用
13.localStorage数据存取
设置localStorage数据
$api.setStorage('name','Tom');
获取localStorage数据
$api.getStorage('name'); // => "Tom"
14. fixStatusBar避免header与状态栏重叠
fixStatusBar
描述:适配iOS7+、Android4.4+系统状态栏,为传入的DOM元素增加适当的上内边距,避免header与状态栏重叠
$api.fixStatusBar( $api.dom('header') );
15.setStatusBarStyle设置状态栏背景颜色
setStatusBarStyle
设置状态栏样式为白色(适用于深色背景)或黑色(适用于浅色背景),以及设置状态栏背景颜色
api.setStatusBarStyle({
style: 'dark',
color: '#d9ead3'
});
--------------------------
版本更新
云修复
推送
统计
---------------------
作者:烟雨青山
来源:CSDN
原文:https://blog.csdn.net/qq1036053871/article/details/53308265
版权声明:本文为博主原创文章,转载请附上博文链接!
apcloud混合式开发app学习笔记的更多相关文章
- 微信小程序开发:学习笔记[5]——JavaScript脚本
微信小程序开发:学习笔记[5]——JavaScript脚本 快速开始 介绍 小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来 ...
- 微信小程序开发:学习笔记[3]——WXSS样式
微信小程序开发:学习笔记[3]——WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS ...
- 微信小程序开发:学习笔记[2]——WXML模板
微信小程序开发:学习笔记[2]——WXML模板 快速开始 介绍 WXML 全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件.事件系统,可以构建 ...
- 微信小程序开发:学习笔记[1]——Hello World
微信小程序开发:学习笔记[1]——Hello World 快速开始 1.前往微信公众平台下载微信开发者工具. 地址:https://mp.weixin.qq.com/debug/wxadoc/dev/ ...
- 微信小程序开发:学习笔记[7]——理解小程序的宿主环境
微信小程序开发:学习笔记[7]——理解小程序的宿主环境 渲染层与逻辑层 小程序的运行环境分成渲染层和逻辑层. 程序构造器
- 微信小程序开发:学习笔记[4]——样式布局
微信小程序开发:学习笔记[4]——样式布局 Flex布局 新的布局方式 在小程序开发中,我们需要考虑各种尺寸终端设备上的适配.在传统网页开发,我们用的是盒模型,通过display:inline | b ...
- 微信小程序开发:学习笔记[9]——本地数据缓存
微信小程序开发:学习笔记[9]——本地数据缓存 快速开始 说明 本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在 ...
- 微信小程序开发:学习笔记[8]——页面跳转及传参
微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...
- ASP.Net MVC开发基础学习笔记:一、走向MVC模式
一.ASP.Net的两种开发模式 1.1 ASP.Net WebForm的开发模式 (1)处理流程 在传统的WebForm模式下,我们请求一个例如http://www.aspnetmvc.com/bl ...
随机推荐
- html中跳转方法(含设定时间)
脚本方式 如: <script language="JavaScript" type="text/JavaScript"> <!-- wind ...
- BZOJ 3732 Network 最小瓶颈路
题目大意:给出一个无向边,非常多询问,问x,y两地之间的最长路最短是多少. 思路:乍一看好像是二分啊. 的确这个题二分能够做.可是时间会慢非常多,有的题直接就T掉(NOIP2013货车运输). 事实上 ...
- OTT
http://baike.baidu.com/view/1315414.htm OTT 编辑 OTT 是“Over The Top”的缩写,是通信行业非常流行的一个词汇,这个词汇来源于篮球等体育运 ...
- The user's guide what comes in the kernel Documentation directory
The Linux IPMI Driver --------------------- Corey Minyard <minyard@mvista.com> <minyard@acm ...
- centos6.3升级python至2.7.5
centos6.3自带的python版本是2.6.6,有时候需要升级到2.7.这里记录一下升级过程,方便查阅.实际上是转载自http://flyingdutchman.iteye.com/blog/1 ...
- 【Web前端】清除浮动&css中文字体
清理浮动有非常多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow.使用空标签来设置 clear:both 等等.但考虑到兼容问题和语义化的问题,一般我们都会使用例如以下代 ...
- js弹出QQ对话框在线交谈
<div style="position:absolute; top:110px; right:220px; z-index:2;"> <a target=&qu ...
- Delphi中取得汉字的首字母简单方法(十分巧妙)
//从朝闻道的博客里转载,原文定义AHzStr: String,发现结果为空,后来改成AHzStr: AnsiString就可以了 function GetHzPy(const AHzStr: Ans ...
- 新产品为了效果,做的比較炫,用了非常多的图片和JS,所曾经端的性能是非常大的问题,分篇记录前端性能优化的一些小经验。
第一篇:HTTPserver 因tomcat处理静态资源的速度比較慢,所以首先想到的就是把全部静态资源(JS,CSS,image,swf) 提到单独的server,用更加高速的HTTPserver,这 ...
- 利用QBuffer和QLinkedList做数据块存储队列
Qt中QByteArray存储数据很方便,使用QBuffer存储大块数据更方便.QBuffer类包装了QByteArray类对象,实际存储还是使用了QByteArray,但QBuffer实现了QIOD ...