[jQueryMobile知识汇总.pptxVIP

jQuery Mobile简介jQuery是一个Web程序开发时使用的JavaScript类库，但它是为PC端的浏览器而设计。在移动互联网中为了满足浏览器更好的运行Web程序的需求，在基于jQuery与jQuery UI的基础之上，推出jQuery Mobile这套框架，其主旨就是在进行移动项目开发的过程中，为开发者提供统一的接口与特征，依靠强大的jQuery类库，节省JavaScript代码的开发时间，提高项目开发的效率。功能特点： jQuery Mobile为开发移动应用程序提供十分简单的应用接口，而这些接口的配置则是由标记驱动的，开发者在HTML页中无须使用任何JavaScript代码，就可以建立大量的程序接口。使用页面元素标记驱动是jQuery Mobile的特点之一。1.强大的AJAX驱动导航 无论页面数据的调用还是页面间的切换，都是采用AJAX进行驱动的，从而保持了动画转换页面的干净与优雅。2.以jQuery与jQuery UI为框架核心 jQuery Mobile的核心框架是建立在jQuery基础之上的，并且利用了jQuery UI的代码与运用模式，使熟悉jQuery语法的开发者能够通过最小的学习曲线迅速掌握3.强大的浏览器兼容性 jQuery Mobile继承了jQuery的兼容性优势，目前所开发的应用兼容于所有主要的移动终端浏览器，使用开发者集中精力做功能开发，而不需要考虑复杂的浏览兼容性问题。4.框架轻量级 目前jQuery Mobile最新的稳定版本为1.0.1，压缩后的体积大小为24KB，与之相配套的CSS文件压缩后的体积大小为6KB，框架的轻量级将大大加快程序执行时的速度。5.支持触摸与其他鼠标事件 jQuery Mobile提供了一些自定义的事件，用来侦测用户的移动触摸动作，如tap（单击）、tap-and-hold（单击并按住）、swipe（滑动）等事件，极大提高了代码开发的效率6.强大的主题化框架 借助于主题化的框架和ThemeRoller应用程序。 jQuery Mobile可以快速地改变应用程序的外观或自定义一套属于产品自身的主题，有助于树立应用产品的品牌形象 jQuery Mobile 的作用可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。JM开发的web应用像 Native App（本地应用）JM 包含Web应用中的各种常用部件对话框、表单、列表、按钮、工具条等使用Ajax加载页面，实现炫丽的页面切换效果jQuery Mobile 关键特点基于 jQuery兼容主流的手机浏览器和桌面浏览器体积小，压缩后20K左右HTML5风格的配置页面自动初始化，通过 data-role 属性自动对页面部件进行初始化触摸屏和鼠标事件支持丰富的UI部件可扩展的页面样式框架jQuery Mobile 兼容的移动平台jQuery Mobile 对于移动应用平台的支持，分为四种不同级别， ? A 级 支持全部界面特效，包括基于 Ajax 的页面动画切换效果。 ? B 级 支持用户界面特效，但是不支持基于 Ajax 的页面动画切换效果。 ? C 级 能运行，也可以支持基本的 HTML 效果。但是比较高级的 HTML 特效就不能很好支持。 ? D 级 可能能运行，但是并不能得到 jQuery Mobile 官方支持。 通常我们希望 jQuery Mobile 可以支持目标客户人群的移动设备在 A 级。 A 级 Apple iOS 3.2-5.0 beta Android 2.1-2.3 Android 3.0 Honeycomb Windows Phone 7 Blackberry 6.0 Blackberry 7 Blackberry Playbook Palm WebOS (1.4-2.0) Palm WebOS 3.0 Firebox Mobile (Beta) Opera Mobile 11.0 Meego 1.2 Kindle 3 Chrome Desktop 11-13 Firefox Desktop 3.6-4.0 Internet Explorer 7-9 Opera Desktop 10-11 B 级Blackberry 5.0Opera Mini (5.0-6.0) Windows Phone 6.5 Nokia Symbian^3 C 级 Blackberry 4.x 其他更早版本的智能手机 D 级 Samsung Bada配置讲解1.meta name=viewport content=width=device-width, initial-scale=1说明：meta name=“viewport“ 推荐的视图（ viewport ）配置 device-wi