没有合适的资源?快使用搜索试试~ 我知道了~
软件工程师_经典收藏50个jQueryMobile开发技巧集萃.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 4 浏览量
2022-07-06
00:59:32
上传
评论
收藏 1.45MB DOCX 举报
温馨提示
试读
16页
软件工程师_经典收藏50个jQueryMobile开发技巧集萃.docx
资源推荐
资源详情
资源评论
1 / 16
经典收藏 50 个 jQuery Mobile 开发技巧集萃
我们收集了 50 个出色的 jQuery Mobile 技巧、移动插件、实例、组件和教程,帮助你立刻把新
的移动构建起来,并让你的用户能有更棒的体验。
AD:
[51CTO 独家特稿]jQuery Mobile 是什么?jQuery Mobile 是一种用于开发 web 应用程序和移动的框架,旨在提供
适用于多种平台的统一用户界面,比如 iOS、BlackBerry、Android 和 Windows Mobile 等平台。
51CTO 推荐专题:jQuery Mobile 基础入门教程
1、Backbone 移动实例
这是在 Safari 中运行的一款 Backbone 移动应用程序。想开始体验移动开发,一个好的出发点就是关注这个应用
程序的构建方式。先不妨在你的浏览器中查看该应用程序。
相关:bennolan./2010/11/24/backbone-jquery-demo.html
2、使用媒体查询来锁定设备
你可能会问如何使用 CSS 来锁定设备(根据屏幕尺寸)。比如说,你想要为 iPad 设计两列布局、为智能手机设计
单列布局。要做到这一点,最佳办法就是使用媒体查询。只要一些简单的媒体查询已到位,你就能迅速让 CSS 锁
定屏幕尺寸。
相关:css-tricks./6731-css-media-queries/
3、快速技巧:如何使用 Font-face
2 / 16
可几个字体更换方法可以使用,比如 cufon、sIFR、FLIR、font-face 和 Google Fonts API。使用 jQuery Mobile
构建 web 应用程序时,我发现 font-face 方法是用起来最容易的方法,其性能让人相当满意。
相关:net.tutsplus./tutorials/design-tutorials/quick-tip-how-to-work-with-font-face/
4、何处添加额外的 jQuery 调用
如果你想在移动插件被触发之前改动页面上的容,那么建议的解决办法就是只要把传统的 jQuery 调用放在装入
移动插件的引用之前。这样,你的 jQuery 命令就有机会在库装入之前运行。
相关:.webdesignerdepot./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/
5、完整的基本页面
你可能发现自己一再需要为基本页面建立完整的标记。正因为如此,这里是创建一个基本页面所需要的全部代码。
相关:.webdesignerdepot./2011/05/10-handy-jquery-mobile-tips-and-snippets-to-get-you-started/
6、自行创建列结构
如果你想为多个设备设计最佳的单个页面结构,会发现自己经常结合运用上述的媒体查询技巧和“随意顺序的列”
(columns in any order)方法。幸好,web 开发人员很早以前就弄清楚了如何移动列以与结合运用这个方法和媒
体查询。
3 / 16
相关:.positioniseverything.net/articles/onetruelayout/anyorder
7、结合使用谷歌分析(Google Analytics)工具和 jQuery Mobile
可以学习如何结合使用谷歌分析(Google Analytics)工具和 jQuery Mobile。
相关:.jongales./blog/2011/01/10/google-analytics-and-jquery-mobile/
8、通过 AJAX 和 PHP,提交 jQuery Mobile 表单
可以学习如何通过 AJAX 和 PHP,提交 jQuery Mobile 表单。
相关:.giantflyingsaucer./blog/?p=2574
9、如何使用 jQuery Mobile 来创建移动 WordPress 主题
这个工具让你很容易创建移动和 web 应用程序。在这个教程中,我会介绍如何创建针对移动设备优化的 WordPress
主题。
相关:.catswhocode./blog/how-to-create-a-mobile-wordpress-theme-with-jquery-mobile
10、使用 jQuery Mobile 来创建,第一个部分
4 / 16
在这个教程中,我会介绍如何使用 jQuery Mobile 来创建。在该教程的这第一个部分中,我会解释的特点,还会
实施的主页。
相关:miamicoder./2011/creating-a-website-using-jquery-mobile-part1/
11、使用 jQuery Mobile 来创建,第二个部分
作为如何使用 jQuery Mobile 来创建这个系列的下一个部分,现在介绍构建扬声器(Speakers)页面。
相关:miamicoder./2011/creating-a-website-using-jquery-mobile-part-2/
12、禁用按钮动作
下面介绍如何禁用按钮动作(比如说禁止打开页面),添加下列 JavaScript。
相关:eisabainyo.net/weblog/2011/01/31/top-10-jquery-mobile-code-snippets-that-you-need-to-know/
13、创建弹出式对话框
剩余15页未读,继续阅读
资源评论
智慧安全方案
- 粉丝: 3613
- 资源: 59万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功