iT邦幫忙

3

jQuery Mobile - Mobile Web Development JavaScript Frameworks

介紹 Mobile Web Development JavaScript Frameworks -- jQuery Mobile
第一篇:使用 jQuery Mobile 快速開發 mobile 網站
URL:http://brooky.cc/2011/04/18/jquery-mobile-for-fast-mobile-website-development/
內容摘要:
認識 jQuery Mobile

使用過 jQuery 的人一定都愛死 jQuery 有名的 “write less, do more” 。只要透過 jQuery, 我們就不用再擔心惱人的跨瀏覽器問題。但隨著手持式裝置的漸漸普及,大家開始發現跨覽器問題到了手機上反而比 PC 上更加嚴重:在手機上不只是瀏覽器不同,OS 的歧異度也比 PC 上來得更加嚴重。於是,在 2010 的 10 月 jQuery 終於在大家的期待之下推出了 jQuery Mobile。只要使用這個簡單易用的 framework, 很快就可以做出跨 device 的 mobile appilcation。jQuery Mobile 幾個重要的 features 包括:
jQuery mobile 可以跨不同的移動裝置
Progressive Enhancement & Graceful Degradation
透過設定 HTML 標籤來完成 jQuery Mobile 的設定

Hello World!

jQuery mobile 運作的方式很簡單,他主要的流程包括三個步驟

宣告 HTML5 documnt
include the the jQuery mobile css, jQuery, jQuery mobile library (你可以透過 jQuery or google code CDN, 或是你也可以自己 download 這些檔案放在自己的 server)
使用 jquery mobile 所定義的語法,如 data-role 等來定義 page structure

第二篇:跨平台手機服務開發 jQuery Mobile
URL:http://www.cc.ntu.edu.tw/chinese/epaper/0016/20110320\_1609.html
內容摘要:
一個jQuery Mobile的網頁主要以page為單位組成,每個page又可以分成header、content與footer三個區域,如下圖所示:

jQuery Mobile 採用HTML5的客製化資料屬性(data-*),例如data-role 是用來標示每一個div(division)的角色(page/header/content/footer)。在一個HTML檔案中可以放多個pages,不過每次只會顯示一個page。
在使用者介面上的呈現,我們可以用listview 將單調的鏈結<a>加以美化,只要將<ul> 指定data-role的屬性為listview就可以了。

第三篇:8个优秀的jQuery Mobile 教程
URL:http://news.cnblogs.com/n/99090/
內容摘要:

  1. Creating a Website Using JQuery Mobile
    在本教程中将告诉您如何利用jQuery Mobile建立一个网站。这个教程的第一部分为您解释该网站的特点并且完成网站的主页。
  2. jQuery Mobile: What Can It Do for You?
    这是一篇介绍jQuery Mobile主要特性和优点的详细教程,举例说明了如何利用这个新架构帮助你快速建立优质移动应用
  3. Getting Started with jQuery Mobile & Rails 3
    本教程教我们如何利用Rails 3和jQuery Mobile创建CRUD应用。该应用程序将允许我们通过移动设备创建,读取,更新和删除博客帖子。
  4. Creating a Simple App Using jQuery Mobile
    在这篇文章中,我们将看看如何利用框架,动态(AJAX)的页面加载,iOS的风格设计和页面过渡等创建一个简单的移动网站。
  5. How to create a mobile WordPress theme with jQuery Mobile
    本教程为您介绍如何创建一个移动优化WordPress主题。

    6.Two-Minute Tutorial 1
    这个两分钟教程展示了如何使用AppLaud和PhoneGap Media API播放音频文件,并使用jQuery Mobile实现按钮和文本显示。它也显示了两种方法来访问音频文件:网址或本地上传。
    View Live Demo Part1 Part2
  6. jQuery Mobile Framework – A Forms Tutorial
    jQuery Mobile是一个相对较新的移动网络框架,2010年10月首次发布。该框架有许多有趣的功能来支持移动应用开发。在本教程中,我们将集中于 jQuery Mobile的一些基本要素:页面结构,形式和Ajax提交表单。本教程是基于jQuery Mobile 1.0 alpha版本。
  7. How to Build an RSS Reader with jQuery Mobile
    本教程教我们如何使用PHP和jQuery Mobile建立一个简单的Tuts+ RSS阅读器。学习完这个教程,您可以轻而易举地在iPhone或Android手机上创建Tuts+ RSS阅读器。

尚未有邦友留言

立即登入留言