JQueryMobile_开发常见问题.docVIP

JQueryMobile 开发常见问题 目录 o [1 什么是 jQuery Mobile 2 jQueryMobile 的优劣 3快速开始做第一个 jQueryMobile页面 4 jQueryMobile 学习资源 4.1在线学习资源 o 4.2配置参考和资源 o 4.3推荐中文书 o 4.4英文书资源 o 5 深入 jQuery Mobile 5.1追信魔盒PhoneGap打包模式下的最佳模式 o 5.2固定顶部导航栏以及可能引发的问题 o 5.3点击链接响应速度慢的问题 o 5.4对载入文字和错误文字的汉化 o 5.5 整合 PhoneGap(Cordova) o 5.6手机环境下jQuery的DOM性能问题 jQuery Mobile 是jQuery在手机上和平板设备上的版 本。jQuery Mobile 不仅会给主流移动平台带来 jQuery 核心库，而且会发布一个完整统一的 jQuery移动UI框 架。支持全球主流的移动平台。 jQuery Mobile开发团 队说：能开发这个项目，我们非常兴奋。移动 Web太 需要一个跨浏览器的框架，让开发人员开发出真正的移 动Web网站。：今天，jQuery 驱动着Internet上的大 量网站，在浏览器中提供动态用户体验， 促使传统桌面 应用程序越来越少。 现在，主流移动平台上的浏览器功 能都赶上了桌面浏览器，因此 jQuery团队引入了 jQuery Mobile （简称 JQM ）。JQM 的使命是向所有 主流移动浏览器提供一种统一体验，使整个 Internet 上的内容更加丰富 一不管使用哪种查看设备。 （以上 摘自百度百科） 更多介绍见：Jquery Mobile 中文API站 追信魔盒提供的网页壳模式和 PhoneGap打包模式， 支持使用jQueryMobile 来构筑属于自己的 WebAPP ， 以下将详细描述我们在实际开发中的经验。 jQueryMobile 的优劣 相比其他移动框架，jQueryMobile优势特别突出 1. 学习成本低。jQuery已经是应用最普遍最成熟的的 javascript框架，几乎成为前端开发人员必须精通的工 具。jQueryMobile可以说是在jQuery上圭寸装了一层针 对移动UI和交互的功能。只要熟悉 jQuery，对 jQueryMobile很快就能上手。2. 兼容性好。几乎支持所有主流的移动浏览器。 它的设计 初衷就是确保向下兼容性， 能否让老的手机浏览器也能 正常浏览，而新的智能手机浏览器能够很好地发挥本身 的特性 3. 轻量化。传承jQuery的特性，未经 GZIP压缩的精简 版CSS+JS文件才100KB左右，适合移动网络传输。 4. 灵活的配色方案。可以自己在线配色、 下载自定义配色 CSS。 但是它的劣势和它本身的特性有关 1. 由于需要对页面的元素进行样式渲染， 大量对DOM的 操作导致第一次载入速度很慢 2. 为了满足对浏览器向下兼容， 创建的默认应用和原生应 用差异比较大，并且在页面切换效果等场景下存在各种 问题 如果需要创建对浏览器兼容性最好的应用，可以使用 jQueryMobile ，这样既可以满足手机网站触屏版的需求 （满足各种智能手机的访问），也可以用追信魔盒的 PhoneGap模式封装成客户端软件。 如果只是为了开发 圭寸装好的客户端软件，还是有一些开发工作量， 让自己 的应用接近原生客户端的效果。 快速开始做第一个 jQueryMobile 页面 jQuery Mobile提供一整套针对触摸 UI的组件以及基于 AJAX的动画页面转场功能。以下开始建立您第一个 jQueryMobile 页面。 v!DOCTYPE html vhtml vhead vtitle My Page / title v meta name = viewport content = width=device-width, initial-scale=1 vlink rel =stylesheet href =/mobile/1.1.0/j query.mobile-1.1.0.min.css / vscript src =/jquery-1.7.1.mi n.js v/ script vscript src =/mobile/1.1.0/jq uery.mobile-1.1.0.min.js v / script v/ head vbody vdiv data-role =header h1 My Title / hl / div !-- /header -- vdiv data-role =content vpHello world / p / div !-- /content --