`
子衿青青
  • 浏览: 110390 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Dojo Mobile:iPhone/Android的Web应用开发利器

 
阅读更多

Dojo Mobile框架是一套移动终端的Web应用开发框架,是最新发布的dojo1.5 中的一个子项目。Dojo Mobile主要面向手持设备上的Web富客服端应用开发,提供了iPhone和android两套主题,使得基于iPhone或者Android的Web应用具有手机本地应用的外观和效果,而同时也给了开发者更多的主导权。下面是在Android下基于Dojo Mobile开发的Web应用Demo图,如果不是看得到地址栏,可能会以为是iPhone和Android的原生程序呢。



Dojo Mobile开发框架有这么几个特点:


1.轻量级,dojo mobile框架在压缩之后仅有100k,在同类js框架中算是体积相当小的,对移动设备来说十分合适。

2.大量使用CSS3实现iPhone和Android本地程序的特效,动画效果流畅

3.跨浏览器平台,dojo mobile同时也支持非webkit内核的手机浏览器,使用dojo自带的dojo.animateProperty与dojox.gfx模拟特效

下面我们使用dojo mobile框架快速开发一个博客应用的简单UI, Web界面的草图如下,是一个二级列表结构:


Step 1:

首先导入CSS文件,包括dojo1.5默认主题claro和mobile自带手机主题;

在这个示例中,只要选择导入iphone.css,应用就会使用iPhone的界面风格。

Step 2:

添加dojo,导入dojo mobile库;

正如前面提到过dojo mobile是个跨浏览器平台的框架,在运行平台不是以WebKit为内核时,导入名为dojox.mobile.compat的兼容包,兼容非WebKit内核的浏览器。

Step3:

声明博客的目录:


目录列表的声明十分简单,dojox.mobile.EdgeToEgeList是列表容器,容器中每个项目声明为dojox.mobile.ListItem;值得注意的是moveTo属性,该属性实现了场景的切换,点击属性moveTo为"csdn"的ListItem可以切换到id为csdn的dojox.mobile.View;

下面以CSDN为例,声明文章列表,这里只是一个简单的UI,在正式应用中应该由服务器端提供数据:


通过在ListItem上声明href可以指向博客文章的地址,接下去的实现就不在本文的讨论范围内了。

OK,至此我们已经对dojo mobile框架进行了初步探索,可以看到使用dojo mobile框架可以非常快速搭建iPhone/Android本地风格的Web应用,提高了Web应用在移动设备上的用户体验。



分享到:
评论

相关推荐

    struts-2.1.8.1-src.zip

    Dojo (http://dojotoolkit.org/). domTT (http://www.mojavelinux.com/projects/domtooltip/). The binary distributions includes the following third party software: ANTLR (http://www.antlr.org/). ...

    struts2-core-2.3.15.3.jar

    Dojo (http://dojotoolkit.org/). domTT (http://www.mojavelinux.com/projects/domtooltip/). The binary distributions includes the following third party software: ANTLR (http://www.antlr.org/). ...

    struts-2.5.13-docs

    Dojo (http://dojotoolkit.org/). domTT (http://www.mojavelinux.com/projects/domtooltip/). The binary distributions includes the following third party software: ANTLR (http://www.antlr.org/). ...

    struts-2.3.15.3-apps.zip

    Dojo (http://dojotoolkit.org/). domTT (http://www.mojavelinux.com/projects/domtooltip/). The binary distributions includes the following third party software: ANTLR (http://www.antlr.org/). ...

    dojo/js/css 压缩打包工具 - 桌面版

    该工具可按指定的方案合并、压缩dojo或符合dojo规范的js文件、压缩css文件。 使用方便,无需安装配置, 下载置入dojo源码下的任意目录即可一键完成...发布版: http://www.ecranesoft.com/aauto/dojo/dojoBuild-bin.rar

    应用最广的十大Javascript框架下载地址

    - **优势**: Rialto 支持 AJAX 技术,并且具有高度可定制性,适合复杂的 Web 应用开发。 ### 7. Dojo Toolkit - **官网**: [http://dojotoolkit.org/](http://dojotoolkit.org/) - **博客**: ...

    arcgis_js_api本地部署(亲测,不是脑残复制).docx

    'http:':location.protocol)+'//'+"127.0.0.1/arcgis_js_api/library/3.9/3.9/js/dojo/dojo"`。 - **包配置**:通过 `packages` 属性指定各个模块的位置,如 `{location:"../dojox",name:"dojox"}` 表示 dojox 模块...

    dojo工具包

    4. **数据绑定**:dojo/Stateful和dojo/store等模块实现了数据模型与视图之间的双向绑定,简化了数据驱动的应用程序开发。 5. **动画效果**:dojo/fx和dojo/fx/Toggler等模块提供了丰富的动画效果和过渡效果,可以...

    dojo开发文档

    5. **dojo/store和dojo/data**:这两者是Dojo的数据存储抽象层,`dojo/store`适用于现代Web应用,而`dojo/data`则用于较早的Dojo版本。它们提供了数据获取、查询和更新的接口,可以和各种数据源(如JSON、XML)配合...

    Dojo的一些学习资料

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信,再到复杂的用户界面构建。在深入探讨Dojo的知识点之前,我们先简单了解一下Dojo的核心概念。 1. **...

    使用_Dojo_Mobile_为_iOS_智能终端开发_Native-like_Web_应用

    iOS应用开发主要有原生应用(Native Application)和Web应用(Web Application)两种范式。原生应用基于iOS系统开发,能够直接调用系统API,使用iOS的丰富特性如多点触控和传感器感知功能,因此具备更好的性能和用户...

    arcgis 4.10离线API和sdk文档搭建记录

    来源: 官网下载: ...下载版本 4.10 ;... arcgis_js_api\library\4.10\dojo\dojo.js - 2. arcgis_js_api\library\4.10\init.js 更改方法: 搜索文本https://[HOSTNAME_AND_PATH_TO_JSAPI],并将此文本替换为 ...

    SVN 源码 地址

    - **Tomcat**:一款轻量级的Servlet容器,也是Java Web开发中最常用的Web服务器之一。 - **OpenJPA**:一个实现了Java Persistence API (JPA)的持久化解决方案。 - **Subversion (SVN)**:一个集中式的版本控制系统...

    jquery-1.4.2.min.js

    /*! * jQuery JavaScript ... * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * Downloads By http://down.liehuo.net/ * Date: Sat Feb 13 22:33:48 2010 -0500 */

    基于AJAX的DOJO架构分析与应用.zip

    - **国际化**:dojo/i18n提供国际化支持,使得应用能够适应不同语言环境。 5. **DOJO应用实例** - **动态数据加载**:利用dojo/store和dojo/xhr,可以实现表格或列表的动态加载和更新。 - **实时通信**:结合...

    Dojo toolkit

    7. **国际化和本地化**:dojo/i18n和dojo/nls支持多语言和本地化,帮助开发者创建适应不同地区的应用。 8. **工具链支持**:Dojo有配套的构建工具,如dojo/dojo,可以进行代码压缩、合并、优化,以及模块化转换,...

    dojo源码

    10. Dojo工具和辅助函数:`dojo/_base/lang`、`dojo/_base/array`等模块提供了一系列实用的工具函数,如类型检测、数组操作、字符串处理等,极大地提高了开发效率。 通过分析和学习Dojo源码,我们可以深入了解...

    dojo 学习笔记 表单 树形列表

    基本的表单验证 和前一个树形菜单 ...发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...

    arcgis_js_v418_api.7z

    arcgis api 4.18api包 <link rel="stylesheet" href="http://localhost/... <script src="http://localhost/arcgis_js_v418_api/arcgis_js_api/library/4.18/dojo/dojo.js"></script> 部署到iis下,直接饮用使用

    提高基于 Dojo 的 Web 2_0 应用程序的性能

    在开发Web 2.0应用程序时,Dojo作为一个强大的JavaScript库,提供了丰富的功能和组件,帮助开发者构建交互式和高性能的网页应用。然而,随着应用复杂性的增加,性能优化成为了一个不可忽视的话题。本文将深入探讨...

Global site tag (gtag.js) - Google Analytics