【Jquery Mobile学习】的更多相关文章

jQuery Mobile 学习

jQuery Mobile 学习系列 http://blog.csdn.net/bao990423420/article/details/13995021…

jQuery Mobile学习日记之HelloWorld

这里是本人学习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…

Jquery Mobile 学习笔记(一)

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…

Jquery mobile 学习笔记

最近学习移动开发,接触到了phonegap,然后又需要开始学习jquery mobile.掌握两者是开发轻应用的前提 在学习jquery mobile中,遇到了许多问题让初学者很是头疼,无意间找到这个博客http://www.wglong.com/main/index,很是受用. 感谢的同时也在自己的博客留点学习心得. 1 页面闪屏让体验很不爽 //解决闪屏问题$.mobile.transitionFallbacks.slide = "none"; 2 有些时候操作很迟缓 //解决按钮…

Android+Jquery Mobile学习系列(9)-总结和代码分享

经过一个多月的边学习边练手,学会了Android基于Web开发的毛皮,其实开发过程中用Android原生API不是很多,更多的是HTML/Javascript/Css. 个人觉得基于WebView的Jquery Mobile开发有以下优点: 1.对于刚从Java Web转型过来的同学非常适合,只要懂得HTML开发就可以上手做事. 2.jquerymobile优秀的地方是将页面元素渲染得非常漂亮,极大减少开发对UI的依赖. 3.SQLite非常轻量,也提供了丰富的调用接口,通过程序和版本控制数据库…

Android+Jquery Mobile学习系列(6)-个人信息设置

本节开始,进行代码的实战练习.我的这个App是管理保险客户信息的,数据采用Sqlite存储在本地手机上,第一次使用需要先登记自己的个人信息,这个功能非常简单,也无关紧要,我是拿这个练手,方便做后面复杂的功能. 效果图 废话不多说,先看看个人信息的效果. 主页右上角一个[设置]按钮,点击按钮会弹出对话框,目前只有一个[我的信息]用于查看个人信息. 点击弹出框上的[我的信息],这时会进行个人信息详细列表,点击[返回]按钮会回到主页,而点击[修改]按钮会跳转到个人信息修改页面. 下图是从[我的信息]页…

Android+Jquery Mobile学习系列(2)-HTML5/Jquery Mobile基础

本章介绍两个关键字[HTML5]和[Jquery Mobile],简单说这两者的关系是:HTML5作为主体,Jquery Mobile在HTML5的基础上对其进行了优化.装饰. HTML5 HTML5大家早就不陌生了,HTML最新版本,提供了很多富客户端功能支持,但是在台式系统因为受到某些浏览器限制发展缓慢,而移动设备因为没有旧包袱,所有厂家都在向HTML5靠齐,因此移动设备(特别是最新的设备)的浏览器对HTML5支持度非常高.所以大多数智能移动设备上都能跑HTML5应用. 关于HTML5,并不…

Android+Jquery Mobile学习系列-目录

最近在研究学习基于Android的移动应用开发,准备给家里人做一个应用程序用用.向公司手机移动团队咨询了下,觉得使用Android的WebView上手最快,因为WebView等于是一个内置浏览器,可以基于html页面开发,不用去学习Android自带的七七八八的控件.然后加上Jquery mobile的样式渲染和事件等,就能非常方便的做动态应用了. 从现在起,往后一段时间,我打算写一个实战系列,介绍开发这款手机应用学习到的技术知识以及遇到的问题.希望这个系列能对后面的新人有所帮助,也希望老手们对…

jQuery Mobile学习笔记

1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头 比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者…

jQuery Mobile学习日记（二）

首先依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…

jQuery Mobile学习日记

本次主讲人是王思伦啦啦啦~ 框架特性 jQuery Mobile 以“Write Less, Do More”作为目标,为所有的主流移动操作系统平台提供了高度统一的 UI 框架:jQuery 的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的 Web 应用程序,而不必为每个移动设备编写独特的应用程序或操作系统. jQuery Mobile 目前支持的移动平台有苹果公司的 iOS(iPhone,ipad,iPod Touch),Android,BlackBerry OS 6.0,惠普…

jquery mobile 学习总结

<!doctype html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>index.html</title><!--初始化显示,可视窗宽度与设备宽度一致:不允许缩放--> <meta name="viewport" content="width=device-width,init…

Android+Jquery Mobile学习系列(4)-页面跳转及参数传递

关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场和参数传递的时候遇到各种奇怪的问题,最后几乎打算删掉html,改用Android原生layout来做程序了. 不得不说,Jquery mobile给我们这种做Java Web项目的人带来了很多新鲜的玩意儿,虽然多多少少有些不适应,但是我们得被动接受,久而久之就习惯. 前面一对废话结束,下面正式开始本…

Jquery Mobile学习

<!doctype html> <html lang="zh-hans"> <head> <meta charset="UTF-8"> <title>jQuery Mobile教程-基础篇-页面基本结构</title> <!-- 设置meta viewport start --> <meta name="viewport" content="wid…

Android+Jquery Mobile学习系列(8)-保单/生日提醒功能

其实这个App基本功能早已做完,并且交给老婆试用去了.但由于最近项目要保证稳定,所以持续加班,没有时间写最后一点内容,本节也就简单截图做个说明,不详细叙述实现方式.我会把代码上传到最后一章中,有兴趣的同学可以参考一下. 主页第三个功能[投保人提醒]就是提醒入口 进入该页面时会像后台发送请求,通过SQL和代码运算获取即将到期的保单信息 并提供打电话和发短信功能(没有留电话号码则不显示这两个链接) 通过右上角[设置]可以设置短信发送模板 当用户点击发短信时会弹出提示框询问使用哪条短信模板,如下图所示…

Android+Jquery Mobile学习系列(4)-页面转场及参数传递

关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场和参数传递的时候遇到各种奇怪的问题,最后几乎打算删掉html,改用Android原生layout来做程序了. 不得不说,Jquery mobile给我们这种做Java Web项目的人带来了很多新鲜的玩意儿,虽然多多少少有些不适应,但是我们得被动接受,久而久之就习惯. 前面一堆废话结束,下面正式开始本…

Android+Jquery Mobile学习系列(3)-创建Android项目

前两章分别对开发环境和Jquery Mobile基础知识进行了介绍,本章介绍创建一个Android项目,并使用WebView控件显示HTML数据. 首先创建一个Android Application项目,这个在第一节已经讲过,不再赘述. 然后以图的形式介绍下Android项目几个关键文件的功能. 首先是AndroidManifest.xml文件,这个文件算是最重要的XML配置文件了, 比如该项目的名称,该项目要开通哪些权限,该项目用到了哪些核心Activity类型,哪个是默认启动项. 我的And…

Android+Jquery Mobile学习系列(7)-保险人信息

[保险人管理]是这个APP最重要的功能,用于保存保险客户的数据,给后面的功能提供数据支撑. 简单说说[保险人管理]功能:主要就是增.删.改.查四个功能,在新增和修改的时候不仅可以保存保险人的姓名.身份证等基本信息,还可以保存保险人购买的保险信息(保险名称.保险公司.保险期限等).(上传图片文件功能还没实现,这个正在想办法) 数据库设计 所有数据库初始化语句还是在DBHelper的onUpgrade中完成. 主表是insurer_info(保险人基本信息).从表insurances(保险人保单信息…

jQuery Mobile学习之grid、等待显示的ajax效果、页面跳转、页面跳转传递参数等（二）

Index.cshtml <!-- Start of second page --> <section data-role="page" id="bar"> <header data-role="header"> <h1>Bar</h1> </header> <!-- /header --> <div role="main" class=…

Android+Jquery Mobile学习系列(5)-SQLite数据库

SQLite是轻量级的.嵌入式的.关系型数据库,目前已经在iPhone.Android等手机系统中使用,SQLite可移植性好,很容易使用,很小,高效而且可靠. 因为Android已经集成了SQLite,所以开发人员无需引入任何JAR包,而且Android也针对SQLite封装了专属的API,调用起来非常快捷方便. 我也是第一次接触SQLite,感受到它的一些不同之处,作为一门简易实用的数据库,它的学习周期其实蛮短的.对于懂关系型数据库的人来说,使用SQLite应该是得心应手的. Android…

Android+Jquery Mobile学习系列(1)-开发环境

开发环境是老生常谈的问题了,网上有很多关于Android环境安装的文章,我这里也就简单说明一下,不做过多分析. 想了解详细的安装说明,可以参见[百度经验] Java环境安装直接跳过,说一下Android安装,网上很多安装方法似乎都过时了,到目前(2014年3月)为止,Android官网最新的安装文件包含了Android的SDK和Eclipse开发工具,所以是非常方便的. SDK 直接到Android官网下载最新的Android SDK,我下载的是32位Windows文件,最终文件名格式为"adt…

[ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布

[ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局 当我们专注地研究人类生活的空虚,并考虑荣华富贵空幻无常时,或许我们正在阿谀逢迎自己懒惰的天性. Written In The Font 为了app的手机端,我选择了 jQuery Mobile  ,学习中出一系列的博客吧.我喜欢的一句话 "Talk is Cheap Show me the CODE",所以过多的废话 jjyy 我不太会,我直接上代码上样式.想玩手机端的能够来看…

[ Talk is Cheap Show me the CODE ] : jQuery Mobile页面布局

当我们专注地研究人类生活的空虚,并考虑荣华富贵空幻无常时,也许我们正在阿谀逢迎自己懒惰的天性. Written In The Font 为了app的手机端,我选择了 jQuery Mobile  ,学习中出一系列的博客吧.我喜欢的一句话 “Talk is Cheap Show me the CODE”,所以过多的废话 jjyy 我不太会,我直接上代码上样式.想玩手机端的可以来看下哦. 工具: Aptana Studio 3 + 火狐 学习内容: 创建单页布局 建多页布局 利用网格对齐内容 设计可…

学习jquery mobile

学习jquery mobile的时间不是很长,在学习的过程当中也遇到了很多令人抓狂的问题,在网上搜索问题答案的时候发现,现在关于jquery mobile的文章还不是很多,所以,我也是一边学习,一边摸索,今天我就把我遇到的一些问题和解决方法在这里总结一下,希望能够帮助一些朋友. 1. 问题:动态添加一些dom元素后,css样式没有了? 解决:如果是添加的li列表,你需要在添加完以后,在它的父节点加上.listview('refresh'),例如:$('ul').html('<li>aaa<…

学习了几天的jQuery Mobile的一点感受

一.Write less  Do more! 这好像就是jQuery Mobile的口号吧.基于jQuery类库的jQuery Mobile移动web插件,有了这个轻量级插件后,排版方便了许多,很多样式我们只需要调用jQuery Mobile类库中的就好了. 二.jQuery Mobile 的机制,所有的页面或视图内容都是通过Ajax请求加载的. 三.提供了Event事件. 这些事件可以根据当前的移动设备的特性来识别使用哪一类型的事件,如触摸.鼠标.window事件 四.List列表的多种属性设…

jQuery Mobile的学习时间bottonbutton的事件学习

程序猿都非常懒.你懂的! 生命的绝唱来机仅仅争朝夕,如诗的年华更需惜时如金. 不要让今天的懈怠成为一生的痛. 每天都在进步. 近期在学习jquery mobile开发.使用的button,绑定事件,和大家一起学习.一起分享! 直接上代码: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jque…

PhoneGap+JQuery Mobile移动应用开发学习笔记

最近一直在学习使用PhoneGap+JQuery Mobile的开发框架开发Android应用,抛开这个框架的运行效率不说,暂且将使用中遇到的问题进行一下整理. 1.JS文件引用顺序 也许在进行web开发是对这个问题并不是特别注意,但是JQuery mobile对这个特别敏感,如果顺序不对,会造成页面无法渲染,官方建议引入顺序为先引用JQuery的最新版本,然后在引用自己的JS文件,其次才是 JQuery Mobile的JS文件,最后是使用到JQuery Mobile特性的JS文件. 2.本地存…

JM-2 jQuery Mobile的使用（多看学习视频）

JM-2 jQuery Mobile的使用(多看学习视频) 一.总结 一句话总结:前端框架的使用全都一个样,本质都是css和js,引入文件也是这些.使用都是看手册,超简单. 1.jQuery Mobile如何使用? 引入jquery,然后jm的一个css,一个js,总共三个文件就好 2.jQuery Mobile如何实现各种效果? 看文档说明,已经不能更加详细了,样例效果真的非常详细 3.前端框架如何实现各种效果,比如(bootstrap,amazeui,jquery mobile)? 看文档说…

【学习】一本案例驱动的jQuery Mobile入门书

清华大学出版社推出的<构建跨平台APP:jQuery Mobile移动应用实战> 提供的全是jQuery Mobile的案例: 手机入侵 题库应用 音乐专辑 通讯录 新闻列表 销售排名 九宫格 课程表 相册 电子阅读器 计算器 记事本 大学移动校园项目 个人博客项目 在线音乐播放器 在线视频播放器 大学校园表白墙 天天背单词项目…

【jQuery基础学习】10 简单了解jQuery Mobile及jQuery各个级别版本的变化

关于 jQuery Mobile jQuery Mobile是为了填补jQuery在移动设备应用上的一个新项目.它应用了HTML5和CSS3. 主要特性 基于jQuery构建. 采用与jQuery一致的核心和语法,还使用了jQuery UI的代码和模式. 兼容绝大部分手机平台 轻量级的库 模块化构建 HTML5标记驱动的配置 渐进增强原则 响应设计 强大的Ajax导航系统 易用性 支持触摸和鼠标事件 统一的UI组件 强大的主题化框架 基本应用 默认情况下,移动浏览器,会像在大屏幕的Web浏览器那…