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 ...
随机推荐
- oracle死锁解决经常用法(屡试不爽)
--1.查询被锁的情况 select object_name,machine,s.sid,s.serial# from v$locked_object l,dba_objects o ,v$sessi ...
- Python爬取韩寒所有新浪博客
接上一篇,我们依据第一页的链接爬取了第一页的博客,我们不难发现,每一页的链接就仅仅有一处不同(页码序号),我们仅仅要在上一篇的代码外面加一个循环,这样就能够爬取全部博客分页的博文.也就是全部博文了. ...
- 编程算法 - 数组中出现次数超过一半的数字 代码(C)
数组中出现次数超过一半的数字 代码(C) 本文地址: http://blog.csdn.net/caroline_wendy 题目: 数组中有一个数字出现的次数超过数组长度的一半, 请找出这个数字. ...
- python 爬虫1 開始,先拿新浪微博開始
刚刚開始学. 目的地是两个.一个微博,一个贴吧 存入的话,临时还没想那么多.先存到本地目录吧 分词和推荐后面在整合 mysql mongodb hadoop redius 后面在用 我最终知道为什么大 ...
- MVC 基于FormsAuthentication 方式的权限验证
1.登录的代码 1 [HttpPost] 2 public ActionResult Index(User entity) 3 { 4 User user = GetUser(entity.Name, ...
- dp求顺序hdu1160
题意是仅仅求一次的顺序.先依照速度从大到小排序,速度想等到按体重增序排列. 然后基本就变成了求已定顺序序列的最长递增序列递增,跟那个求一致最大序列和的基本一致. dp[i]里存储的是到当前i最大的递增 ...
- UVA10480 Sabotage —— 最小割最大流
题目链接:https://vjudge.net/problem/UVA-10480 题解: 实际就是求最小割集. 1.什么是网络流图的“割”?答:一个边的集合,使得网络流图删除这些边之后,点被分成两部 ...
- 使用sql compare生成的sql语句
创建表以及主键 判断表是否存在 OBJECT_ID 判断主键是否存在 SELECT 1 FROM sys.indexes WHERE name = N'PK_LISA_NoUseWebpartRepl ...
- YTU 2391: 求素数
2391: 求素数 时间限制: 1 Sec 内存限制: 128 MB 提交: 116 解决: 3 题目描述 设计一个程序,输出所有小于等于n(n为一个大于2的正整数)的素数. 要求:(1)每行输出 ...
- 织梦栏目页分页title加"第N页"
以上就是调用栏目管理的SEO标题代码:{dede:field.seotitle /}的方法,这样充分体现列表页标题显示的效果,有利于搜索引擎的收录. 第二个问题就是这样列表页的标题都成了一个样子的了, ...