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. PHP的设计模式之工厂模式

    以前写代码老觉得,搞那么多乱七八槽的设计模式干嘛啊,这不是自己找罪受嘛.现在在这次的API开发过程中才晓得设计模式的厉害,真的是境界不到,永远不能领悟呀.还好坚持编码这么久,终于进入设计模式的运用了, ...

  2. Le Chapitre VII

    Le cinquième jour, toujours grâce au mouton, ce secrèt de la vie du petit prince me fut révélé. Il m ...

  3. CHAPITRE II

    J'ai ainsi vécu seul, sans personne avec qui parler véritablement, jusqu'à une panne[pan][机]故障 dans ...

  4. application.properties /application.yml官网查看配置;springboot application.properties 官网查看,info yml 查看;springboot.yml查看info;springboot.yml查看Actuator监控中心info

    官网查看: https://docs.spring.io/spring-boot/docs/current-SNAPSHOT/reference/htmlsingle/#appendix 查看info ...

  5. head内部标签(常用部分)

    1.meta标签: <meta charset="utf-8" /> 2 <meta name="keywords" content=&quo ...

  6. python常用算法题

    一: #计算平均数,中位数和众数 #coding:utf-8 #计算平均数,中位数和众数 import random lst = [random.randint(0,10) for i in rang ...

  7. 用jquery监听输入数字的变化

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  8. Mysql 基本的增删改查

    创建数据库 create  database 库名; 删除数据库 drop database  库名; 进入数据库 use 库名; 查看所有的表 show tables; 创建表  字段名  数据类型 ...

  9. 4.css基础

    1 Css概念 CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表) Css是用来美化html标签的,相当于页面化妆. ◆样式表书写位置 2选择器 2.1 写法 选择器 ...

  10. ReLU 和sigmoid 函数对比

    详细对比请查看:http://www.zhihu.com/question/29021768/answer/43517930 . 激活函数的作用: 是为了增加神经网络模型的非线性.否则你想想,没有激活 ...