`

appcan的几个常用js 转载的

阅读更多

zy_anim.js
->function zy_anim_slide(p1,p2,t,cb);

说明:在同一个html中多个page之间切换的动画效果。由于AppCan的框架允许一个html中放多个page,每个page是一个div,可以实现在不刷新html的情况下,实现多个页面的切换展示。
p1:为当前显示page的id,
p2:为需要切换到的page的id,
t:为切换效果,枚举值为:slide_left,slide_right,slide_up,slide_down
cb:切换完成后的回调方法

zy_control.js
->function zy_fix(header,footer,run,cb)

说明:固定header区域和footer区域。如果你的界面布局是有header,content,footer区域,而且需要content区域具有 滚动条。那么Appcan提供方案是在当前窗口(window)中uexWindow.openSlibing两个辅窗口,分别作为header和 footer。这样,就能够固定住header和footer区域,避免在有些不支持position:fixed css属性的手机上,footer区域会跟中content区域滚动条一起滚动。
header:为header区域div的id
footer:为footer区域div的id
run:初始化完后需要再次调用uexWindow.Onload的话,run为“真”值,否则为“伪”值。
cb:为初始化完后的回调方法

->function zy_parse()
说明:解析url中“?”后的参数,以key-value形式存放到params对象中。

zy_tmpl.js
说明:zy_tmpl.js提供了一套模板,在跨域访问后获取回来的数据,需要迭代出html代码,然后赋值给某一div或ul等(常见的如获取新闻列表,返回json数据,然后解析给一个ul下)。

使用示例:
比如DEV文档中新浪微博的例子:
var tmpl=’<div><div >${user.name}</div><div class=”ui-li-desc ui-smaller ui-float-right” >${cb:created_at}</div><p></p><h3 class=”ui-li-heading” style=”white-space:normal”>${text}</h3>${cb:thumbnail_pic}<div onclick=”event.preventDefault();” >来自${source}</div><div >转发${reposts_count}</div><div class=”ui-li-desc ui-smaller ui-float-right” >|</div><div class=”ui-li-desc ui-smaller ui-float-right” >收藏${favourites_count}</div><div >|</div><div >评论${comments_count}</div></div><p></p>’
return zy_tmpl_s(tmpl,d.retweeted_status,j2vCb);
JSON数据示例:
{
“statuses”: [
{
"created_at": "Tue May 31 17:46:55 +0800 2011",
"id": 11488058246,
"text": "求关注。",
"source": "<a href="http://weibo.com" rel="nofollow">新浪微博</a>",
"favorited": false,
"truncated": false,
"in_reply_to_status_id": "",
"in_reply_to_user_id": "",
"in_reply_to_screen_name": "",
"geo": null,
"mid": "5612814510546515491",
"reposts_count": 8,
"comments_count": 9,
"annotations": [],
“user”: {
“id”: 1404376560,
“screen_name”: “zaku”,
“name”: “zaku”,
“province”: “11″,
“city”: “5″,
“location”: “北京 朝阳区”,
“description”: “人生五十年,乃如梦如幻;有生斯有死,壮士复何憾。”,
“url”: “http://blog.sina.com.cn/zaku”,
“profile_image_url”: “http://tp1.sinaimg.cn/1404376560/50/0/1″,
“domain”: “zaku”,
“gender”: “m”,
“followers_count”: 1204,
“friends_count”: 447,
“statuses_count”: 2908,
“favourites_count”: 0,
“created_at”: “Fri Aug 28 00:00:00 +0800 2009″,
“following”: false,
“allow_all_act_msg”: false,
“remark”: “”,
“geo_enabled”: true,
“verified”: false,
“allow_all_comment”: true,
“avatar_large”: “http://tp1.sinaimg.cn/1404376560/180/0/1″,
“verified_reason”: “”,
“follow_me”: false,
“online_status”: 0,
“bi_followers_count”: 215
}
},

],
“previous_cursor”: 0,
“next_cursor”: 11488013766,
“total_number”: 81655
}

返回的json数据,会以tmpl为模板,每个tmpl都是一条微博内容的html结构。调用zy_tmpl_s,会把d.retweeted_status里的json数据去替换${user.name}等以“$”开头,”{}”包围的区域。

用法说明:

${first: name}:碰到对象数据(如果多条)第一条数据的时,用name代替,其中name可以为字符串,也可以为对象数据的某一对象”name”。

${last:name}:碰到对象数据(如果多条)最后一条数据的时,用name代替,其中name可以为字符串,也可以为对象数据的某一对象”name”。

${index:}:返回对象数据(如果多条)当前迭代的索引值,从0开始。

${cb:name}:以content内容作为参数,去调用cb回调方法。

${name}:以对象数据里属性name对于的value值代替

->zy_tmpl(t,dd,l,cb)

说明:迭代多条数据,返回迭代好的html代码
t:为用户自定义模板
dd:为迭代数据,json对象或其它对象
l:为dd数据(多条数据情况下)的长度
cb:碰到${cb:name}时用来回调的方法

->zy_tmpl_s(t,dd,cb)

说明:迭代单条数据,返回迭代好的html代码
t:为用户自定义模板
dd:为迭代数据,json对象或其它对象
cb:碰到${cb:name}时用来回调的方法

zy_json.js
->$.getJSON(a,b[,c,d])

说明:跨域访问请求方法,当为本地html访问网络数据时,调用uexXmlHttpMgr;当为网络环境调用网络环境时,如果是跨域请求使用JSONP 方式调用,如果非跨域请求,使用ajax方式调用;当为本地html访问本地文件时,使用uexFileMgr读取数据内容。
a:为访问url
b:为成功回调方法
c:为返回数据格式,当为”text”时,返回字符串数据,当为”json”,返回json对象数据。默认为”json”
d:失败的回调方法

 

分享到:
评论

相关推荐

    APPcan 4个实例

    《APPcan:四个实战案例详解》 APPcan是一款强大的HTML5移动应用开发平台,它集成了多种功能,如页面编辑、资源管理、设备适配等,使得开发者无需深入理解原生编程,也能轻松构建出高性能的移动应用。本文将通过四...

    AppCan秀.zip

    这个文件可能是展示如何在AppCan中实现抽屉式导航的实例,可能包含了JavaScript交互逻辑,如jQuery或AppCan提供的API来控制抽屉的显示和隐藏。 3. `index.html`:这是任何Web项目中的标准入口文件,通常包含整个...

    Hi AppCan.zip

    本压缩包"Hi AppCan.zip"包含了丰富的资源,涵盖了AppCan开发中的核心部分,包括UI控件、框架、API接口、案例分析、系统API以及JavaScript SDK等内容,是学习和实践AppCan开发的宝贵资料。 1. UIcontrol_content....

    2.7.2手机客户端AppCan

    在2.7.2手机客户端AppCan中,主要包含以下几个关键知识点: 1. **混合应用开发**:AppCan的核心理念是混合应用开发,即利用Web技术实现应用的大部分功能,同时结合原生SDK,使应用能够充分利用手机硬件资源,如...

    APPCAN教程的PPT

    这个教程的PPT深入浅出地介绍了如何利用APPCAN进行高效的应用程序开发,涵盖了从基础概念到实践技巧的多个层面。 首先,APPCAN的“国内首创”和“自主研发”表明它是一款具有独立知识产权的移动开发平台,这使得它...

    appcan 二维码扫描实例

    本实例将聚焦于AppCan中的二维码扫描功能,这是一个非常实用且常见的功能,广泛应用于商品追溯、信息录入、社交媒体分享等多种场景。 首先,我们需要理解二维码(Quick Response Code)的基本概念。二维码是一种二...

    Appcan demo

    【Appcan移动应用开发demo】是一个用于展示Appcan框架功能的示例项目,它涵盖了多窗口管理、页面间交互、本地控件的使用以及JavaScript框架的集成等多个关键知识点。Appcan是一个强大的HTML5移动应用开发工具,它...

    Appcan 论坛插件DiscuzX2.5.zip

    综上所述,"Appcan 论坛插件 DiscuzX2.5.zip" 提供了一个将 DiscuzX2.5 社区论坛功能整合到 Appcan 移动应用的解决方案。通过合理地集成和配置,开发者可以创建出功能丰富的移动论坛应用,为用户提供无缝的交互体验...

    appcan定位项目

    在移动应用开发领域,AppCan是一个非常流行的HTML5+混合应用开发框架,它允许开发者使用HTML、CSS和JavaScript来构建原生的手机应用。在这个名为"appcan定位项目"的实践中,我们将深入探讨如何利用AppCan结合百度...

    appcan 王略请求插件

    例如,`&lt;js-module&gt;`标签通常用于声明JavaScript接口,这些接口在AppCan应用中可以直接调用,实现与原生代码的交互。开发者可以通过阅读`plugin.xml`了解如何在JavaScript代码中正确调用王略请求插件提供的网络请求...

    AppCan项目源码

    本项目源码是针对新手设计的一个学习资源,旨在帮助初学者快速理解和掌握AppCan的框架结构及其开发流程。 在深入源码之前,我们首先需要了解AppCan的基本概念。AppCan提供了一个可视化集成开发环境(IDE),支持...

    Appcan安卓项目工程

    Appcan的特性主要体现在以下几个方面: 1. **跨平台兼容性**:Appcan支持Android和iOS两大主流操作系统,使得开发者可以编写一次代码,实现多平台运行,极大地提高了开发效率。 2. **原生功能集成**:通过Appcan,...

    AppCan移动应用开发框架开发文档-AppCan开发框架

    根据不同的应用场景,AppCan提供了两种常见的布局方式: - **固定标题页脚**:标题和页脚的位置固定,不会随着内容的滚动而移动。即使内容不足以填充整个屏幕,标题和页脚也会保持在顶部和底部。如下图所示,在`...

    appcan学习项目(源代码)

    3. **JavaScript逻辑**:JavaScript文件,如`script.js`,是AppCan应用的灵魂,它负责处理用户的交互、数据的动态更新以及与服务器的通信。AppCan提供了一系列API,使得开发者可以方便地调用原生设备功能,如定位、...

    appcan插件iOS录音

    使用这个插件时,你需要在AppCan的项目中引入它,然后通过JavaScript调用相应的API进行录音控制。例如,可以调用startRecord开始录音,stopRecord停止录音,并且可以设置录音的参数,如音频格式、质量等。录音完成后...

    AppCan开发指南

    12. **Node.js**:一种流行的服务器端JavaScript运行环境,可能被AppCan平台使用来提供后端服务。 ### 开发环境和工具: 1. **Eclipse**:作为一个流行的IDE,可能被提及为支持AppCan开发的工具之一。 2. **Chrome*...

    appcan 荟生活源代码(3.2).rar

    这些文件通常包括模块化组织的JS代码,通过调用AppCan API实现各种功能,如地图定位、支付接口、推送通知等。 3. 数据存储与通信:AppCan支持本地存储和网络通信,源代码中的Ajax请求和本地SQLite数据库操作可以揭示...

    APPCAN Mob短信验证

    封装Mob短信验证相关操作 目前国内短信默认会显示【掌淘科技】的签名,如果开发者想把这个签名换成自己公司的名称或者APP名称,那么需要满足以下条件并按以下流程来操作. 具体使用点击查看:短信验证码自定义签名注意...

    appcan 天气预报源码.rar

    appcan 天气预报源码.

    appcan demo

    "appcan demo" 提供了一个示例项目,旨在帮助新手和有经验的开发者快速理解和上手AppCan平台的开发流程。 首先,让我们深入理解AppCan的核心特性: 1. **跨平台开发**:AppCan支持Android和iOS两大主流移动操作...

Global site tag (gtag.js) - Google Analytics