Heim  >  Artikel  >  Web-Frontend  >  Agile国人出品HTML5+CSS3+JS移动应用开发框架_html/css_WEB-ITnose

Agile国人出品HTML5+CSS3+JS移动应用开发框架_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:44:441047Durchsuche

Agile 是一个基于HTML5+CSS3+JS的移动应用开发框架,在体验上尽量接近Native Like,并且同时支持单页模式和多页模式。

Agile 让HTML5在移动应用开发中充分发挥优势。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

简单、可扩展
Agile 支持Zepto和jQuery双引擎及相应的扩展;同时Agile均支持单页模式和多页模式的移动应用,可以与ExMobi、PhoneGap等流行的跨平台开发框架一起使用。

一个框架、多种设备
你的移动应用能在 Agile 的帮助下通过同一份代码快速、有效适配手机、平板等设备,这一切都是 CSS 媒体查询(Media Query)的功劳。

组件齐全
Agile 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和 CSS 组件、JavaScript 插件方面的所有详细文档。

入门

Agile框架本身是基于标准HTML5开发的,但是由于移动应用中需要使用大量的本地能力而HTML5无法胜任,所以通常需要依赖一个容器运行,并能调用容器里的本地能力。

ExMobi是由烽火星空推出的移动应用平台,除了封装了丰富的原生组件和本地能力,对HTML5也有很好的支持,所以在ExMobi中使用 Agile可以获得更好的体验。除此之外,Agile也可以运行于其他的容器比如PhoneGap等。 如何在ExMobi中使用Agile请参考http://www.exmobi.cn/agile/case.html。

目录结构
下载Agile源码之后,将其解压缩到任意目录即可看到四个目录“agile”、“exmobijs”、“ratchet”和“icomoon”,agile是框架的核心,其他目录请点击前面相应的链接介绍,在文档中也会提及如何使用。以下是agile的目录结构:

agile/
├── css/
│ ├── agile.css
│ ├── agile.min.css
│ └── check.css
└── js/
├── agile.js
├── agile.min.js
├── iscroll.js
├── template-native.js
├── touch2mouse.js
└── zepto.js

这里的文件有的不是必须,有的是可以代替的。其中带有agile.*和app.*的agile的核心框架,必须引用,其他为第三方辅助框架。一般生产环境建议使用带min.*的文件。

Agile支持双引擎,即Zepto和jQuery,所以这里的zepto也可以换成jQuery,但是建议使用Zepto,因为Zepto的运行效率高一些。

iScroll.js是一个移动端页面滚动的解决方案,这里用到的是v4.2.5版本,在Agile里面已经封装好接口,一般情况下不需要直接调用,如需使用可参考iScroll 4.2.5简易API。

template-native.js是一个经典的JS模板引擎,可以将JSON数据动态注入到一个模板文件中,详细了解请访问其在github的位置。

基本模板
使用Agile框架,最基本要引用的CSS和JavaScript以及HTML页面如下(所有JS和CSS均使用相对地址):





webapp







Hello World












获取

官网:http://www.exmobi.cn/agile/index.html
帮助文档:http://www.exmobi.cn/course/course_27.html
本站下载:agile-dist v3.0.0 | 更新于:2015-01-15

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn