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. Codeforces 1107 简要题解

    文章目录 A题 B题 C题 D题 E题 F题 G题 传送门 A题 传送门 题意简述:问你能不能把一个数字串切成若干块,使得切出来的kkk个数k≤2k\le2k≤2满足a1<a2<...&l ...

  2. AngularJS实战之cookie的读取

    <!DOCTYPE html> <html ng-controller="cookies_controller"> <head> <tit ...

  3. VS2013利用ajax访问不了json文件——VS2013配置webconfig识别json文件

    这两天用VS2013开发工具来访问json文件,老是报404文件,我根据网上来设置IIS添加MIME重启IIS和VS2013还是失败,无法访问json文件,但是奇怪的是可以访问txt文件 查询了很多方 ...

  4. Sensor

    原理:http://blog.csdn.net/xiaolei05/article/details/18670161 1.Sensor Type       重力感应/加速度传感器 (G-Sensor ...

  5. python处理excel之读:xlrd模块

    # -*- coding:utf-8 -*- import xlrd path = r'D:/工作簿1(已自动还原).xlsx' # 打开excel文件读取数据 data = xlrd.open_wo ...

  6. [zjoi2010]cheese

    题目: 贪吃的老鼠(cheese.c/cpp/pas/in/out) 时限:每个测试点10秒 [问题描述] 奶酪店里最近出现了m只老鼠!它们的目标就是把生产出来的所有奶酪都吃掉.奶酪店中一天会生产n块 ...

  7. 2.虚拟机安装的ubuntu全屏显示

    虚拟机下面安装了ubuntu系统,显示的屏幕只有那么一小块儿,不知道如何才能全屏,那么如何全屏呢?且看下面经验. 方法/步骤 打开虚拟机,并点击要更改成全屏的那个ubuntu系统的电源 我的虚拟机名字 ...

  8. Linux 下建立 SSH 隧道做 Socket 代理

    背景 需要解决本地访问内部集群中各台机器上的内部web服务,但是内部集群不能直接访问,只能通过edge node节点跳转. 前提:edge node可以通过ssh方式访问,在edge node上可以访 ...

  9. postgresql 主从 patroni

    1 安装基础包 1.1 postgres yum install https://download.postgresql.org/pub/repos/yum/10/redhat/rhel-7-x86_ ...

  10. 省市区三级联动picker-view-微信小程序

    这个是微信小程序的picker-view组件,开发的省市区3级联动,体验还不错,就分享给大家了, 此版本的省市区数据为本地JS数据,免去请求加载数据了,大家直接看源码,先看下面的动图:   项目地址: ...