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 ...
随机推荐
- 【转载】FAT12格式的引导程序
FAT12格式的引导程序 在上一篇文章中详细介绍了FAT12格式的引导扇区数据结构,详情请浏览: 地址是:http://blog.sina.com.cn/s/blog_3edcf6b80100cr08 ...
- MVC 基于FormsAuthentication 方式的权限验证
1.登录的代码 1 [HttpPost] 2 public ActionResult Index(User entity) 3 { 4 User user = GetUser(entity.Name, ...
- java面试题(摘录)
1.抽象,继承,封装,多态 2.基本数据类型的字节数 byte:1.int:4.char:2.long:8.float:4.double:8.boolean:1 和short:2 3.String , ...
- MyCAT简单入门配置
MyCAT简单入门配置 安装jdk 建议1.7以上 安装mysql 安装MyCAT Mycat 源码:https://github.com/MyCATApache/Mycat-Server Mycat ...
- Java WebSocket库:https://github.com/TooTallNate/Java-WebSocket
https://github.com/TooTallNate/Java-WebSocket 以下是简单示例: import com.google.gson.JsonObject; import com ...
- 最短路Dijkstra算法的一些扩展问题
最短路Dijkstra算法的一些扩展问题 很早以前写过关于A*求k短路的文章,那时候还不明白为什么还可以把所有点重复的放入堆中,只知道那样求出来的就是对的.知其然不知其所以然是件容易引发伤痛的 ...
- FileReader、 FileWriter、readLine()和newLine()、LineNumberReader(二十一)
1.字符流FileReader * 1.字符流是什么 * 字符流是可以直接读写字符的IO流 * 字符流读取字符, 就要先读取到字节数据, 然后转为字符. 如果要写出字符, 需要把字符转为字节再写出. ...
- 如何在cowboy应用中指定mnesia数据库路径
创建mnesia数据库的步骤简述: 1)定义脚本: -module(mns). -export([setup/0, clean/0]). -record(user, { id, coin, diamo ...
- UIFont 字体样式 [UIFont fontWithName~];
设置字体样式代码:[UIFont fontWithName:@"Arial-BoldMT" size:15] 下边一一列举: 一:Font Family: American Typ ...
- QTextEdit/QPlainTextEdit添加文字超出视图后,滚动条自动移至最底部
void ThreadExit::onTaskPerformState(const QString& strStatus) { //追加文本(ui.taskStatusTextEdit是一个Q ...