修改图标
新建项目
检出到本地
--------------------------
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学习笔记的更多相关文章

  1. 微信小程序开发:学习笔记[5]——JavaScript脚本

    微信小程序开发:学习笔记[5]——JavaScript脚本 快速开始 介绍 小程序的主要开发语言是 JavaScript ,开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来 ...

  2. 微信小程序开发:学习笔记[3]——WXSS样式

    微信小程序开发:学习笔记[3]——WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS ...

  3. 微信小程序开发:学习笔记[2]——WXML模板

    微信小程序开发:学习笔记[2]——WXML模板 快速开始 介绍 WXML 全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件.事件系统,可以构建 ...

  4. 微信小程序开发:学习笔记[1]——Hello World

    微信小程序开发:学习笔记[1]——Hello World 快速开始 1.前往微信公众平台下载微信开发者工具. 地址:https://mp.weixin.qq.com/debug/wxadoc/dev/ ...

  5. 微信小程序开发:学习笔记[7]——理解小程序的宿主环境

    微信小程序开发:学习笔记[7]——理解小程序的宿主环境 渲染层与逻辑层 小程序的运行环境分成渲染层和逻辑层. 程序构造器

  6. 微信小程序开发:学习笔记[4]——样式布局

    微信小程序开发:学习笔记[4]——样式布局 Flex布局 新的布局方式 在小程序开发中,我们需要考虑各种尺寸终端设备上的适配.在传统网页开发,我们用的是盒模型,通过display:inline | b ...

  7. 微信小程序开发:学习笔记[9]——本地数据缓存

    微信小程序开发:学习笔记[9]——本地数据缓存 快速开始 说明 本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在 ...

  8. 微信小程序开发:学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

  9. ASP.Net MVC开发基础学习笔记:一、走向MVC模式

    一.ASP.Net的两种开发模式 1.1 ASP.Net WebForm的开发模式 (1)处理流程 在传统的WebForm模式下,我们请求一个例如http://www.aspnetmvc.com/bl ...

随机推荐

  1. YII 多子域名同步登录

    a.meylou.com和b.meylou.com不做登录.c.meylou.com这个专门做用户登录.c站登录之后a,b站点同时登录. 第一步:修改php.ini配置文件,把cookie_domai ...

  2. ftk学习记(combox篇)

    [声明:版权全部,欢迎转载,请勿用于商业用途.  联系信箱:feixiaoxing @163.com] 上一篇文章谈到了多窗体,还是依照约定看一下效果是什么样的. 假设大家细心一点.就会发现窗体中的l ...

  3. 龙书D3D11章节习题答案(第四章)

    下面答案仅供參考,有错欢迎留言. Chapter 4:Direct3D Initialzation    1. Modify the previous exercise solution by dis ...

  4. 统计nginx日志单IP访问请求数排名

    下面是我截取一段nginx日志 /Jan/::: +] "-" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:31.0) Gec ...

  5. Linux 常用命令 (备忘)

    查看linux版本信息 uname -r cat /proc/version

  6. 增加实时性的异常url检测

    技能点: 搭建服务器.restfulapi 在py脚本中调取另一个脚本执行

  7. java 获取路径

    1.利用System.getProperty()函数获取当前路径:System.out.println(System.getProperty("user.dir"));//user ...

  8. 【bzoj3282】Tree

    LCT模板题: 话说xor和的意思是所有数xor一下: #include<iostream> #include<cstdio> #include<cstring> ...

  9. [树套树]K大数查询

    有N个位置,M个操作.操作有两种,每次操作如果是1 a b c的形式表示在第a个位置到第b个位置,每个位置加入一个数c如果是2 a b c形式,表示询问从第a个位置到第b个位置,第C大的数是多少.为了 ...

  10. js中的关系操作符

    1.关于“小于(<)” a.关于数值的判断就是跟正常的比较一样: b.var result = “23” <"3" ;  //true 这两个是字符串,会比较他们的编码 ...