知识&技术&梦想 知识&技术&梦想

jQuery Mobile 教程-开篇

不知道什么时候开始学习编程的, 也不知道什么时候开始喜欢这个东西, 就是这样一步一步 坚持下来了, 然后, 学习了很多很多的东西, 一个字, 继续学习! 怎么来说Jquery Mobile(JQM)呢, 说白了, 就是JQuery的产物, 在现在这个移动终端渐渐增多的朝代, 就一定会有一定的产物来适应这个朝代, JQueryMobile就是这样产生的. 她就是一个属于手机和平板上的版本. 比较让我感兴趣的是, 他的跨平台性, 这将是Web App开发者的一个福利. 他的使命是: JQM 的使命是向所有主流移动浏览器提供一种统一体验,使整个 Internet 上的内容更加丰富. 不管使用哪种查看设备。而且现在她已经被人恩宠到了1.4.0的进化版. 其实官网都已经给了很多的帮助文档, 虽然是E文的. 但是, 这不是挡住我们不去看他的理由, 我写这些文章很大一部分, 是为了能够让自己学过的东西留下一些痕迹. 也想让自己能够坚持坚持努力的动力. 学习这个她之前, 你要先知道html和css, 当然也包括javascript, 你可以不精通, (其实我也不精通), 但是你一定要有基础, 否则, 看不懂失去耐心就不好, 现在看一下, JQM的惊艳吧, 目标是惊艳唯美的, 你才有动力去征服她. 既然是web应用首先要看他的浏览器的支持情况, 如果, 一个浏览器要去写一个实现,不用也罢! 浏览器支持 jQuery Mobile 目前支持以下移动平台:
  • Apple iOS:iPhone、iPod Touch、iPad(所有版本)
  • Android:所有设备(所有版本)
  • Blackberry Torch(版本 6)
  • Palm WebOS Pre、Pixi
  • Nokia N900
以上是第一个版本中兼容的内容.现在可以用一句话来总结一下: jQuery Mobile 工作与所有主流的智能手机和平板电脑上;

JQM的事件

jQuery Mobile 也提供了针对移动端浏览器的事件: 触摸事件: 当用户触摸屏幕时触发 滑动事件: 当用户上下滑动时触发 定位事件: 当设备水平或垂直翻转时触发 页面事件: 当页面显示,隐藏,创建,加载或未加载时触发

为什么使用 jQuery Mobile?

通过使用JQM 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式 来布局网页,且兼容所有移动设备。 不同设备使用了不同开发语言,jQuery Mobile可以很好的兼容不容的设备或操作系统:
  • Android 和 Blackberry(黑莓) 使用JAVA语言。
  • iOS 使用 Objective C 语言
  • Windows Phone 使用 C# 和 .net, 等。
jQuery Mobile 解决了不同设备兼容的问题,因为它只使用HTML,CSS和 JavaScript,这是所有移动网络浏览器的标准!

如何更好的获得学习她?

这里给出官网1.4.0的demo页面, 这里插一句, 其实我感觉给出这个东西都是一个多余, 因为, 你要进入这一行, 必须学会请教2个最好的老师, 我不说, 你也懂! 度娘和谷哥.  地址: http://demos.jquerymobile.com/1.4.0/ 当然, w3cshchool也是一个学习的地方. 尽管jQuery Mobile兼容所有的移动设备,但是并不能完全兼容PC机(由于有限的CSS3支持)。为了更好的阅读本教程,建议您使用 Google Chrome 浏览器。或者使用Adobe公司的Dreamweaver cs5以上的版本, 因为里面给封装了一个小的浏览器界面, 一家之谈, 如有雷同, 不胜荣幸.
大纲