1.没有所谓的移动互联网,只有一个互联网
    2.设计移动网站不需要什么特别处理
    3.一个站点应当在所有设备(台式机、手机、电视)上都能运转
    jQuery Mobile诞生的原因:让设计师和开发者使用少量代码即可更容易地创建跨平台、可定制的移动互联网体验。
    jQuery Mobile是什么?
      jQuery Mobile是一个支持所有流行移动设备平台的统一的用户界面系统,基于坚如馨石的jQuery及jQuery UI。它轻量级的代码使用渐进增强方式构建,具有可伸缩、易更换主题的设计特点。
    jQuery Mobile不是什么?
  • jQuery Mobile不是移动浏览器上的jQuery。
  • jQuery Mobile不是Web应用的开发包。可以使用jQuery Mobile来创建完整的移动应用体验,但你仍然需要一些额外的工作来将它编译为原声应用。
  • jQuery Mobile不是面向所有移动应用/网站/游戏的解决方案。可以为他们中的大多数提供解决方案。
    jQuery Mobile是一个帮助开发者更容易地在移动设备和平板电脑上(这些设备具备触摸操作功能)交付跨平台Web应用的框架,只使用标准的HTML代码。
    jQuery Mobile使用了jQuery核心,此外还包含一个JavaScript库、一个CSS3样式表,以及一些资源图片。   
    jQuery Mobile框架专注于智能手机、平板电脑以及多媒体设备等触摸屏设备,它兼容列表会随着时间的推进以及框架本身的继续演化而改变。
   
    许多现代浏览器使用基于WebKit的引擎,如桌面版浏览器Safari或Chrome。所有现代的基于WebKit的移动浏览器都应该能完整兼容jQuery Mobile。同时,桌面版的Chrome、Firefox、Safari、Opera以及IE等浏览器都与jQuery Mobile兼容。
 
 手机中的使用jQuery Mobile框架的APP一般是使用伪浏览器(略,注)。
    什么是伪浏览器?

    伪浏览器是一个用户可安装到设备上的本地应用,它们和默认浏览器使用同一个引擎,但是提供了更多的功能。在ios上有大量这样的例子,如SkyFire或 Perfect Browser,它们都使用Safari作为最终渲染引擎,因此,对jQuery Mobile而言,它们是同一个浏览器。   
    PhoneGap以及原声开发(生成手机APP的打包工具):
     PhoneGap并不是浏览器,它是一个用于创建混合解决方案(嵌入了Web应用的原生应用)的框架。PhoneGap不是浏览器本身,而是一个使用了原生浏览器引擎的框架。只要设备支持PhoneGap,jQuery Mobile就也能工作。
 
    HTML和CSS3
    HTML5是一个发展中的标准,它包含了若干对HTML标记语言的改变以及大量JavaScript中的新API(HTML5的大部分内容是关于JavaScriptAPI的)。在非正式的场合中,HTML5是许多浏览器中的现代特性的汇总,包括W3C的正式的HTML5标准、其他W3C API、CSS3以及非标准扩展。具体请看:http://mobilehtml5.org
    jQuery Mobile使用了大量的HTML5特性以便在移动浏览器上提供更好更快的体验。在处理动画、渐变、特效以及UI渲染时,jQuery Mobile将尽可能地使用CSS3。例子请参考:http://www.mobilexweb.com/
    主要特效:
  • 跨平台、跨设备、跨浏览器;
  • 为触摸设备优化过的UI;
  • 设计为可修改主题以及自定义;
  • 只使用无侵入性的HTML5代码,无需了解任何JavaScript、CSS或API知识;
  • 自动调用AJAX来加载动态内容;
  • 构建与知名及有良好支持的jQuery核心之上;
  • 轻量级尺寸,压缩后为12kb;
  • 渐进增强;
  • 可访问性支持;
    渐进增强:渐进增强是一种用于Web设计的简单但非常强大的技术,它定义了几个层次的兼容性,允许所有用户都能访问网站的基本内容、服务以及功能,同时那些对标准支持更好的浏览器上提供增强的体验。jQuery Mobile完全使用这个技术构建。
    渐进增强有以下核心原则
  • 在所有浏览器上都能访问基本内容;
  • 在所有浏览器上都能使用基本功能;
  • 语义标签包含了所有内容;
  • 增强布局有外部链接的CSS提供;
  • 增强行为由不冲突的、外部链接的JavaScript提供;
  • 尊重终端用户浏览器的偏好设置。
    可访问性:Web可访问性指的是让网站对所有正常人及残疾人都可用的一系列做法。在正确地设计、开发以及编辑的网站上,所有用户都可以平等地访问网站提供的各种选项及功能。
  用PhoneGap打包后的aap测试工具:
          仿真器:在移动开发的世界里,仿真器是仿真移动设备的硬件及操作系统的桌面程序,可用于测试及调试应用,以及查看应用的工作状况。
          模拟器:模拟器则是相对简单的程序,它之模拟设备的一些行为,但不能模拟硬件,也不是基于真实的操作系统设计的。工具比较简单,比仿真器用途少。

为什么需要jQuery Mobile的更多相关文章

  1. jQuery Mobile入门

    转:http://www.cnblogs.com/linjiqin/archive/2011/07/17/2108896.html 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的 ...

  2. 解决Jquery mobile点击较长文本body的时候Header和footer会渐入渐出的问题

         在做一个Phonegap+Jqm工程的时候,出现了如题的问题,相信很多人都遇到过Jquerymobile点击body时候header和footer会闪烁的显示和隐藏问题,fixed却并不能真 ...

  3. jquery mobile 问问多多

    jquery mobile  问题多多,兼容性太差.android4.1下完全崩溃.以后再也不用jquery mobile了

  4. jquery.mobile手机网页简要

    先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性. 一些比较优秀的框架:10大优秀的移动Web应 ...

  5. jQuery Mobile案例,最近用Moon.Web和Moon.Orm做了一套系统

      一.简介 先说说,我们的主题.jQuery Mobile,最近用Moon.Web和Moon.Orm做了一套系统 jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery ...

  6. JQuery mobile中按钮自定义属性的改变

    1..ui-mobile-viewport是jquery mobile默认给body加的class,这样的话包含选择符优先级高一点 <style> .ui-mobile-viewport ...

  7. JQuery Mobile 页面参数传递

    在单页模版中使用基于HTTP的方式通过POST和GET请求传递参数,而在多页模版中不需要与服务器进行通信,通常在多页模版中有以下三种方法来实现页面间的参数传递. 1.GET方式:在前一个页面生成参数并 ...

  8. jQuery Mobile学习笔记

    1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) ...

  9. Jquery Mobile开发以及Js对象动态绑定

    动态创建对象并绑定属性: var instantiate = function (Type, args) { var Constructor = function () { }; Constructo ...

  10. jquery mobile系列问题汇总整理(传播知识,利己利人)

    我在用jquery mobile做项目时,遇到jm在下拉框等组件里不能正常动态更新内容,查找了相关资料,在这里抛砖引玉,先提供一个解决下拉框内容写入更新的解决方法: jm解决下拉框内容写入的方法可以这 ...

随机推荐

  1. java 后台 post请求 携带参数 远程操作 调用接口

    package com.huayu.tizong.matchteam.util; import java.io.BufferedReader; import java.io.IOException; ...

  2. 文字过多以省略号代替,放在文字上会显示title信息提示

    第一种: <td style="text-align:left; word-wrap:break-word;" title="${b.remarks}"& ...

  3. Win7 VS2015及MinGW环境编译FFMPEG-20160326

    因为又要弄MinGW了,所以顺便把FFMPEG编译了,文章主要参考这篇,防抽所以复制一遍,顺便加些自己的内容 http://blog.csdn.net/finewind/article/details ...

  4. best-case analysis in real-time system

    ECRTS: Exact Best-Case Response Time Analysis of Fixed Priority Scheduled Tasks motivation Real-time ...

  5. JS库汇总[重要]

    库名称  说明 附加说明 URI 一款js 操作URL的插件 功能十分强大.可以增加 .修改.删除.参数   1.Animate.css 2.Hover.css 3.jQuery 4.WebUploa ...

  6. js 数组操作函数有:push,pop,join,shift,unshift,slice,splice,concat

    (1)push 和 pop 这两个函数都是对数组从尾部进行压入或弹出操作.push(arg1,arg2,...)可以每次压入一个或多个元素,并返回更新后的数组长度.注意如果参数也是数组的话,则是将全部 ...

  7. (转)ASP.NET MVC3 Razor视图引擎-基础语法

    转自:http://kb.cnblogs.com/page/96883/ I:ASP.NET MVC3在Visual Studio 2010中的变化 在VS2010中新建一个MVC3项目可以看出与以往 ...

  8. 【repost】DOM CRUD

    //DOM 的 CRUD // c 创建create // 1.直接往body中动态的添加标签(可以是任意类型)document.write('helloWorld');document.write( ...

  9. Android listview 侧滑 SwipeListView 详解 实现微信,QQ等滑动删除效果

    转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/28508769 今天看别人项目,看到别人使用了SwipeListView,Goog ...

  10. PCA原理分析

    动机 在机器学习领域中,我们常常会遇到维数很高的数据,有些数据的特征维度高达上百万维,很显然这样的数据是无法直接计算的,而且维度这么高,其中包含的信息一定有冗余,这时就需要进行降维,总的来说,我们降维 ...