jquery mobile 学习总结】的更多相关文章

jQuery Mobile 学习系列 http://blog.csdn.net/bao990423420/article/details/13995021…
这里是本人学习jQuery Mobile的过程,主要用于记录,过程中有不对的地方或不严谨的地方,欢予以指出纠正,非常感谢! 1.首先是下载安装以下文件: [Opera Mobile Emulator] http://www.opera.com/zh-cn/developer/mobile-emulator.在PC机上模拟移动设备,但素后来发现Myeclipse2014貌似有带模拟器. [Myeclipse2014] http://pan.baidu.com/s/1gd4PE3D 密码:lv3v…
1.模拟器,IOS:XCODE GENYMOTION  ANDROID:ECLIPSE GENYMOTION 2.jquery mobile data-role=page 代表一个页面 data-position=fixed 代表固定工具栏 data-transition=slide 跳转动画效果 data-rel=dialog 弹窗口 button:A <button>  B <input type="button" />  C <a class=&qu…
最近学习移动开发,接触到了phonegap,然后又需要开始学习jquery mobile.掌握两者是开发轻应用的前提 在学习jquery mobile中,遇到了许多问题让初学者很是头疼,无意间找到这个博客http://www.wglong.com/main/index,很是受用. 感谢的同时也在自己的博客留点学习心得. 1 页面闪屏让体验很不爽 //解决闪屏问题$.mobile.transitionFallbacks.slide = "none"; 2 有些时候操作很迟缓 //解决按钮…
经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css. 个人觉得基于WebView的Jquery Mobile开发有以下优点: 1.对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事. 2.jquerymobile优秀的地方是将页面元素渲染得非常漂亮,极大减少开发对UI的依赖. 3.SQLite非常轻量,也提供了丰富的调用接口,通过程序和版本控制数据库…
本节开始,进行代码的实战练习.我的这个App是管理保险客户信息的,数据采用Sqlite存储在本地手机上,第一次使用需要先登记自己的个人信息,这个功能非常简单,也无关紧要,我是拿这个练手,方便做后面复杂的功能. 效果图 废话不多说,先看看个人信息的效果. 主页右上角一个[设置]按钮,点击按钮会弹出对话框,目前只有一个[我的信息]用于查看个人信息. 点击弹出框上的[我的信息],这时会进行个人信息详细列表,点击[返回]按钮会回到主页,而点击[修改]按钮会跳转到个人信息修改页面. 下图是从[我的信息]页…
本章介绍两个关键字[HTML5]和[Jquery Mobile],简单说这两者的关系是:HTML5作为主体,Jquery Mobile在HTML5的基础上对其进行了优化.装饰. HTML5 HTML5大家早就不陌生了,HTML最新版本,提供了很多富客户端功能支持,但是在台式系统因为受到某些浏览器限制发展缓慢,而移动设备因为没有旧包袱,所有厂家都在向HTML5靠齐,因此移动设备(特别是最新的设备)的浏览器对HTML5支持度非常高.所以大多数智能移动设备上都能跑HTML5应用. 关于HTML5,并不…
最近在研究学习基于Android的移动应用开发,准备给家里人做一个应用程序用用.向公司手机移动团队咨询了下,觉得使用Android的WebView上手最快,因为WebView等于是一个内置浏览器,可以基于html页面开发,不用去学习Android自带的七七八八的控件.然后加上Jquery mobile的样式渲染和事件等,就能非常方便的做动态应用了. 从现在起,往后一段时间,我打算写一个实战系列,介绍开发这款手机应用学习到的技术知识以及遇到的问题.希望这个系列能对后面的新人有所帮助,也希望老手们对…
1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头 比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者…
首先依HTML5方式加载,DOCTYPE表示格式为HTML5:主要适用于iPhone.Android等,viewport表示适用于移动终端的适中显示,initial-scale缩放比例在1.0~1.3之间比较合适,需要载入的文件有三个:jquery.js jquery.mobile.js jquery.mobile.css <!DOCTYPE html> <html> <head> <title>Page Title</title> <me…