由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java 开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社 会还是必须的. 好了,咱们言归正传: PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平…
PhoneGap与Jquery Mobile结合开发android应用的配置 由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社会还是必须的. 好了,咱们言归正传: PhoneGap…
关于移动应用为什么用PhoneGap和jQuery Mobile本文不再赘述,有兴趣的童鞋可以自行问“度娘”,有很多这方面的文章.本文主要介绍PhoneGap&jQuery Mobile移动应用开发环境的具体配置. PhoneGap是一个基于HTML(5).CSS(3).Javascript创建跨平台移动应用的开发框架(称之为平台可能更合适些).从Adobe收购了PhoneGap之后,就有了一个新的名字Cordova,目前已经到了3.0的版本,本文中所使用的是2.9的版本. jQuery Mob…
(原)http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明   近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox…
转自:http://www.cnblogs.com/yaotong/p/3622430.html 用C++语言开发Android程序 配置开发环境   如果你是一个C++语言的死忠,你喜欢C++语言到了偏执的状态,如果不想学习Java语言,或者你很讨厌Java语言,如果你认为Java虚拟机的内存占用太多和执行低效.如果你过度关注Andoird程序的执行效率,对Android程序的执行速度过于敏感,喜欢自己用手动档来控制程序的内存和线程等资源,如果你在其他平台下用C++语言开发了一个程序,想要移植…
近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡 mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅 放在一起对比下 各位看官,你们觉得哪个…
1.在<head>元素中包括JavaScript文件是传统的方法.然而,依据Yahoo!"80%的终于用户响应时间在前端上"的说法,这些事件大部分花在资产的下载上,比如样式表,图片,脚本等.降低这些资产的数量明显非常重要,在HTML文件的最后包括JavaScript也变得更加常见.这是由于脚本阻止并行下载,也就是说其它资产在每一个脚本单独下载完之前无法下载.为了确保脚本放在正确的位置,在</html>结束标记之前包括它. 2.注意:创建自己定义 data- 属性…
  1. 下载Android SDK http://code.google.com/android/download.html下载后直接解压就可以使用了. 为了在DOS控制台中直接使用SDK的工具,可以将SDK的目录添加到Windows的path环境变量中: 在桌面上右击“我的电脑”,依次点击[属性]>[高级]>[环境变量]. 双击[系统变量]里面的Path项,将Android SDK中tools目录的完整路径添加到这里.     2. 下载JDK1.6 http://java.sun.com…
1.常见问题 emulator: You might want to adjust your AVD RAM size and/or HAXM configuration to run in fast virt mode emulator: AVD RAM size = 1536 MB emulator: HAXM max RAM size = 512 MB A.首先检查intelhaxm是否安装 点击…
随着智能手机等设备的大范围普及,各形各色的移动端软件随之既出.各互联网运营商也都在抢占移动软件的占有率.不惜采用财力进行宣传推广.例如,通过手机淘宝客户端购买物品总比pc端要便宜,360手机助手下载对应软件可得开发者红包等等. 目前各移动端所运行的系统也有不少,android.wp.ios等等.面对不同的系统,开发者往往要根据需求开发不同系统下的对应版本,作为企业则要招聘懂各种语言的开发人员,进行移动端开发,需要耗费很多的财力物力.不能最佳的利用. 因此,为了统一各移动平台,使开发一款产品就可以…
http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对于我来说学习这个东西感觉挺简单的,很容易上手.Jqm的的语法和jquery其实是一样的,有些不大一样的就是了.网上介绍的也是一大堆.这里我主要是做笔记哈. 使用JQM开发其实很简单,我这里目前是针对于在服务器端开发的,服务器使用的是apache+php,前端其实主要是html5+jquery的写法.…
本系列教程将指导大家一步步使用Jquery Mobile设计一个Android的通讯录应用.其中在应用的界面部分,将使用jQuery Mobile框架,并且会指导大家如何使Android中提供的webview浏览器容器控件中的javascript去访问后端JAVA应用程序,以及 后端JAVA应用如何去访问前端的Javascript和HTML. 本文假设读者已对jQuery Mobile有一定的初步认识,同时也初步了解Android的一些基本用法.关于jQuery Mobile框架的介绍,可以参考…
    最近一个月,一直在用phoneGap+jquery mobile来开发一项目. 下面谈谈自己在开发过程中遇到的一些问题以及解决方法. 开始选择框架时,曾试过采用其他框架做UI,例如chocolatechip,它的UI比jquery mobile做得更加美观,且体验比jqm反应速度快,大家不妨去体会一下. [1]访问外部url,需要在PhoneGap.plist中ExternalHosts中添加域名,注意,不要把协议和路劲加进来. [2]若使用第三方phonegap插件(https://g…
转:http://www.cnblogs.com/linjiqin/archive/2011/07/17/2108896.html 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应…
简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用.使用该框架可以节省大量的js代…
今天我们来使用JQuery Mobile来开发一个web mobile app. 要实现的如下所示效果: 开始: 第一步:添加JS包等引用,直接去官网下载最新的JQuery Mobile 包,http://jquerymobile.com/:或者直接从CDN引用JQuery Mobile. 解压压缩包:拷贝 jquery.min.js.jquery.mobile-1.4.5.css.jquery.mobile-1.4.5.js 文件到项目中. 第二步:新建一个 html 页面.添加上面三个文件的…
简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用.使用该框架可以节省大量的js代…
第一步:使用CDN接入jquery mobile CDN的全称是Content Delivery Network,即内容分发网络.其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快.更稳定.. 使用 jQuery 内核, 你不需要在电脑上安装任何东西; 你仅仅需要在你的网页中加载以下层叠样式 (.css) 和 JavaScript 库 (.js) 就能够使用 jQuery Mobile: jQuery Mobile CDN: <head> <!--…
简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用.使用该框架可以节省大量的js代…
    1.没有所谓的移动互联网,只有一个互联网     2.设计移动网站不需要什么特别处理     3.一个站点应当在所有设备(台式机.手机.电视)上都能运转     jQuery Mobile诞生的原因:让设计师和开发者使用少量代码即可更容易地创建跨平台.可定制的移动互联网体验.     jQuery Mobile是什么?     jQuery Mobile是一个支持所有流行移动设备平台的统一的用户界面系统,基于坚如馨石的jQuery及jQuery UI.它轻量级的代码使用渐进增强方式构建,…
打开VS 2013,选择[文件]-[新建]-[项目] 选择框架为.NET Framework4-[ASP.NET MVC4 Web应用程序],点击[确定] 选择[基本],点击[确定] 创建的MVC的项目显示如上图所示. 引入jquery mobile组件 首先下载jQuery Mobile http://jquerymobile.com/download/ 下载上述框中的包,然后进行解压如下所示 将上图中红色框中的文件引入到项目中,显示如下: 引入之后就能进行jquery mobile的开发了,…
使用的是C#语言,.Net+Jquery Mobile 框架开发 1.使用水平组切换操作 <fieldset id="Tfdset1" data-role="controlgroup" data-type="horizontal" class="" data-mini="true" style="margin: 0px;"> <input type="radi…
使用jQuery Mobile + PhoneGap 开发Android应用程序(转) 一.简介 jQuery Mobile是jQuery在手机上和平板设备上的版本.jQuery Mobile 不仅给主流移动平台带来jQuery核心库,而且提供了一个完整统一的jQuery移动UI框架.支持全球主流的移动平台.它拥有出色的弹性,轻量化以及渐进增强(Progressive enhancement)特性与可访问性.jQuery Mobile 1.0构建于jQuery核心1.6.4. PhoneGap是…
移动设备应用开发有多难,只要学会HTML5+Javascript就可以.用Dreamweaver5.5+PhoneGap+Jquery Mobile搭建移动开发环境,轻轻松松开发你自己的应用.让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台. 安装Dreamweaver5.5 这里要注意,Dreamweaver5.5的内部版本需要5344,也就是目前最新的版本.现在一般网上下载的都是5315,破解后可以用软件自带的更新到5344. 破解的方法如下: 用记事…
跨域加载 一要进行一定的配置见下面 $( document ).bind( "mobileinit", function() { // Make your jQuery Mobile framework configuration changes here! $.mobile.allowCrossDomainPages = true; }); 而,有时候开发在真机测试比较麻烦,所以建议使用谷歌浏览器进行测试,允许file协议 "C:\Program Files\Google\…
经过了一段时间的学习,初步了解了该如何使用jQuery Mobile和 Phone Gap来开发一个Android应用程序,也想把这些东西介绍给大家. 1. 软件准备 要进行android app的开发,当然需要准备Java, eclipse和安装Android SDK,这个部分网络上面很多方法,搜索“安装Android SDK”即可找到很多答案,所以就不再这里浪费口水. 2. 知识准备 (1)了解jQuery Mobile这个js框架,知道怎么组织一个简单的页面. 官方网站:http://jq…
经过了一段时间的学习,初步了解了该如何使用jQuery Mobile和 Phone Gap来开发一个Android应用程序,也想把这些东西介绍给大家. 1. 软件准备 要进行android app的开发,当然需要准备Java, eclipse和安装Android SDK,这个部分网络上面很多方法,搜索“安装Android SDK”即可找到很多答案,所以就不再这里浪费口水. 2. 知识准备 (1)了解jQuery Mobile这个js框架,知道怎么组织一个简单的页面. 官方网站:http://jq…
最近一直在学习使用PhoneGap+JQuery Mobile的开发框架开发Android应用,抛开这个框架的运行效率不说,暂且将使用中遇到的问题进行一下整理. 1.JS文件引用顺序 也许在进行web开发是对这个问题并不是特别注意,但是JQuery mobile对这个特别敏感,如果顺序不对,会造成页面无法渲染,官方建议引入顺序为先引用JQuery的最新版本,然后在引用自己的JS文件,其次才是 JQuery Mobile的JS文件,最后是使用到JQuery Mobile特性的JS文件. 2.本地存…
其实二者并不影响,PhoneGap负责调用系统的接口,jQuery Mobile实现一些网页效果.PhoneGap开发请看上一篇文章,jQuery Mobile开发环境搭建如下:[请先阅读上一篇文章,这一篇文章是在上一篇的基础上进行的] 一.到jquerymobile.com下载最新的ZIP File,解压得到其JavaScript, CSS和images.放到/assets/www/js目录下.如图:[其中jquery.js是从demos的js目录里复制出来的,上一篇文章中的cordova.j…
转载地址:http://blog.csdn.net/haha_mingg/article/details/7900221 移动设备应用开发有多难,只要学会HTML5+Javascript就可以.用Dreamweaver5.5+PhoneGap+Jquery Mobile搭建移动开发环境,轻轻松松开发你自己的应用.让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台. 安装Dreamweaver5.5 这里要注意,Dreamweaver5.5的内部版本需要534…