Sencha Touch Sencha Touch 同样也是HTML5手机应用跨平台开发框架,运行iOS/Android/Blackberry。...整个库在压缩和gzip后大约80KB,通过禁用一些组件还会使它更小。 2.支持世界上最好的设备。...Beta版兼容Android和iOS,Android上的开发人员还可以使用一些专为Android定制的主题。 3.增强的触摸事件。...第一段PhoneGap代码是在2008年8月的iPhoneDevCamp上写成的。...框架我最后选择ionic ,ionic集成cordova,在ionic中的ngcordova 可以对原生设备的调用。
劣势: l 运行速度慢:程序的载入和UI界面的反应都比原生的程序慢,因为它实际上还是在展示Web页面,所以载入、页面刷新等肯定是需要一定时间的。 l 不适合部分程序。...Mobile不是必备,但是有了jQuery Mobile,可以使你的程序美观很多。...jQuery Mobile其实是一堆的样式集和JAVA事件。比如写一个按钮,iOS和android的是不同的,用HTML做出来的往往很丑。...jQuery Mobile为你提供了这一套框架,你可以通过很简单的属性设置就可以做出跟手机平台下车差不多的按钮,相当方便。...明白以上两个特性,参照下面PhoneGap与设备本地API通信图,一个成熟的PhoneGap技术客户端运行状况如下: 应用运行在WebView组件上 —》 通过PhoneGap在各平台的扩展 —》 最终访问设备本地资源
随着市面上越来越多三方APP的出现,某些手机厂商也开始对这些APP进行了安装限制或者运行限制,或者三方APP自身的版本过低,无法被特定的系统版本所支持。...今天我将要模拟实现一个“由于APP自身版本过低、导致无法在当前的系统版本上运行”的功能效果。...实现思路如下: 要获得APP的目标运行版本,也要知道系统的编译版本 通过版本比较,在进入该APP时,给用户做出“不支持运行”的提示 用户确认提示后,直接退出该APP 关键点是 targetSdkVersion....setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() { @...我们注意到程序中使用的是 getApplicationInfo().targetSdkVersion,说明这个变量是 ApplicationInfo.java 的成员变量,这个值是在安装APK的过程中、
它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...3、强大到令你震惊的Jquery语法提示! 4、每个语法在哪个浏览器、哪个版本上是否可运行,这里都有。 5、没有比这里更全的语法库,也没有比这里更全的浏览器兼容性数据库。...跟JQuery一样是一个轻量级的JS库,一样使用HTML5+CSS+JS的技术。应为轻量级,所以在web加载时比Sencha有一点优势。缺点显而易见,UI控件太少了。...因为JQuery Mobile 太普及了,也有很多第三方的扩展控件库例如JQuery Mobile Touch。...比较有意思的是Sencha Touch 也融合了JQuery Mobile Touch。
js+html+css+打包技术 比较有名的就是phonegap了,国内的是hbuilder, 大概的意思是html负责页面内容,js负责效果以及调用原生app方法,ui框架负责样式, 最后打包成apk...原理 上面说过的原理,再次说一遍: html负责页面,也就是的内容和框架; js负责调用方法,也就是调用一些移动端原生; ui负责样式,比较有名的bootstrap,amazeui,jquery mobile...前端搞app 搭建开发环境 不需要搭建ios和android的开发环境,只需要下载hbuilder(估计需要java环境支持), 选定ui 目前推荐mui,效果不错 写事件 通过js调用原生方法实现app..."> jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"> 运行——手机运行——在设备上运行, 就直接可以在手机上看效果了 效果 打包 在hbuilder中发型——app打包,然后交给云端去打包,打包好后会自动下载,例如 心动了吗?
Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1.jquery mobile框架 jQuery Mobile...是jQuery 在手机上和平板设备上的版本。...jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。 ...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。 ...平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况);
1.jquery mobile框架 2.bootstrap框架 3.ionic框架 4.Mobile Angular UI框架 5.Intel XDK框架 6.Appcelerator Titanium...框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 jQuery Mobile是jQuery 在手机上和平板设备上的版本...jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。...平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况);
十款移动APP开发框架 1.jquery mobile框架 2.bootstrap框架 3.ionic框架 4.Mobile Angular UI框架 5.Intel XDK框架 6.Appcelerator...Titanium框架 7.Sencha Touch框架 8.Kendo UI框架 9.PhoneGap框架 10.mui框架 1 jquery mobile框架 jQuery Mobile是jQuery...jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。...其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。...平台特有的UI控件 流畅体验 • 下拉刷新 为实现下拉刷新功能,大多H5框架都是通过DIV模拟下拉回弹动画,在低端android手机上,DIV动画经常出现卡顿现象(特别是图文列表的情况);
,而不是为了节省流量通过ajax按需 载入。...sencha touch在概念层上我接受不了,它让我感觉自己不是在写界面,而是在做算法作业。关于这些老框架的吐槽, 以前写过,就不再多说。接下来说说最近的新发现。...但实际上form表单的控件本来就是绑定到数据对象 的,只要调用数据对象的save方法就好了。...Ripple Emulator 在编写代码的时候,我一般用node的http-server直接在代码目录起一个web服务,用浏览器调试。但是代码里边那些phonegap 的扩展功能往往会导致页面报错。...另外云窗调试器需要将代码传到SAE上后 才能调试,也没有本地来得便捷。 这里要推荐给大家的是一个Chrome扩展, Ripple Emulator。 ?
:Android路径图、IOS路径图、Cocos2d-x路径图、HTML5路径图等 2. angularjs+ionic视频教程 phonegap + Angularjs + ionic 移动app开发...基础 jQuery Mobile基础 CreateJS基础 TypeScript基础 20150208更新 Ajax视频教程-传智播客 SEO课程-李俊超 IT面试之2015届校招腾讯校招笔试面试大礼包...下面是一些些小技巧: 在各大图书网(如当当、亚马逊、京东等)上搜索关键词,如jQuery,可以选择按照销量或好评排序,一般排在前面的就是很抢手的好书,值得阅读。...JQuery的应用与高级调试技巧 JQuery的总结与简化调用 各种Ajax框架的对比介绍 各种Ajax框架的对比介绍 使用XHR对象发送和接受数据 浏览器穷尽测试与工具漫谈 为学员调试错误与XHR深入讲解...的工具方法 08. jQuery的工具方法和ajax 09. jQuery的插件操作 phonegap第三季 angularjs+ionic视频教程 01 phonegap + Angularjs +
2003年,Eclipse 3.0选择OSGi服务平台规范为运行时架构。...MyEclipse,是在eclipse 基础上加上自己的插件开发而成的功能强大的企业级集成开发环境,主要用于Java、Java EE以及移动应用的开发。...MyEclipse可以支持JavaServlet,AJAX,JSP,JSF,Struts,Spring,Hibernate,EJB3,JDBC数据库链接工具等多项功能。...MyEclipse结构上的这种模块化,可以让我们在不影响其他模块的情况下,对任一模块进行单独的扩展和升级。...API JQuery Mobile Templates PhoneGap Build Services Mobile Web Simulator 支持iOS & Android AJAX工具 图像编辑器
了解过在Android机器上面的Web开发就知道这个痛了。比如前些年在Android设备上面写圆角,border-radius:10px,在Android的设备上面会出现毛边。...使用C#语言,能够把你的应用发布到iOS,Android以及WinPhone市场上面; 开发出来的程序运行高效。...Jquery Mobile 如果你暂时还没有一个设计师,但是又急于构造一个应用出来。jquery mobile就提供了多套不同风格的模板,供你使用,而且还含有不同的交互动画等。而且也是跨平台的。...在Jquery Mobile中使用ajax,css去实现了,核心代码可能就几十行。可能跟iOS里面的差不多(如果包含动画),但是实际出来的效果却差强人意。...从IE兼容,到目前多个浏览器的乱战,到iOS以及Android设备Web上的兼容,这不就是一个历史的例子嘛。跨平台不是不好,只是在一个时代里,你能够达到怎样的效果,真的是很难估量的。
浅析Hybrid App Hybrid App主要以JS+Native两者相互调用为主,从开发层面实现“一次开发,多处运行”的机制,成为真正适合跨平台的开发。...目前已经将核心代码贡献给Apache cordova,最新版本是2.6.0, 它是基于HTML,CSS和JavaScript的,可以使用一些开源的框架比如jQuery Mobile,Dojo Mobile...因为是国外的框架,技术支持不够到位,出现问题,无法排解,成为技术攻关的难点。...支持在线上传证书打包,对于不了解苹果,以及Android 环境开发的人是福音。 2. 支持更多的原生调用,比如UI控件的封装,通讯类(socket),地图,支付宝等更多的原生控件支持。 3....跟PhoneGap 同样,国外框架,技术支持困难。 3. 支持Android,iOS,黑莓平台。 4. 环境需要用户自己搭建比较复杂。
1.Native App:本地应用程序(原生App) Native App是一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。...基于浏览器运行的应用,基本上可以说是触屏版的网页应用。...目前流行的四种跨平台app打包方式 发展历程: 在国外,最大的是Cordova(PhoneGap,2011年广泛流行),在2012年12月开源。...同时,其在使用jQuery Mobile、Sencha Touch等前端框架的时候,有特效启动慢、页面切换慢、数据请求慢的特点。...MUI是一款不错的前端框架,性能比 jQuery Mobile、Bootstrap好很多,主要区别: 设计思路不同,MUI坚持用原生JS做,不依赖jQuery或者Angularjs。
HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等...当然这些移动 App 里某些页面也可以继续从服务器端以网页方式运行。所以mobile web,在HBuilder 里新建项目时,属于web 项目。不要放置到移动App 项目。...原理 上面说过的原理,再次说一遍: html负责页面,也就是的内容和框架; js负责调用方法,也就是调用一些移动端原生; ui负责样式,比较有名的bootstrap,amazeui,jquery mobile...jquery mobile:专门对移动端做定制,看起来就像手机应用一样,js+css,国外的,不推荐,有坑。...为例) 连接手机 首先需要连接手机 运行 选择运行——手机运行——在xx设备上运行 或者使用快捷键ctrl+r 效果 现在你就可以在手机上看效果了。
别忘记了在系统环境变量中,添加android sdk的tools包路径 ?...(设置好以后可以在cmd下测试一下~) =========== 环境弄好了,开始写个Demo(详情可参考PhoneGap的官网,需要先下载PhoneGap-0.9.5)~ 1、新建一个Android Project...="2" /> 3、运行项目 右击项目,选中Run as 并点击 Android Application ,如果第一次启动,需要配置模拟器的虚拟设备(可能会遇到问题,配置后无法启动...需要再等待一会,在看到控制台出现 Starting activity com.phonegap.helloworld.App on device emulator-5554 之后,会看到下图所示的界面...至此,第一个web app在模拟器上就成功跑起来了。整体跑下来,感觉还是挺麻烦的,这玩意太消耗内存了,机器会变的很卡,有时半天没响应,真是需要点耐心
大家好,今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。...首先,众所周知,sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发的一个js库,其诞生的目的就是为了使webapp成为nativeapp,甚至使其更像...这些本来js都是无法实现的,但phonegap早已帮我们做好了javascript和本地代码的接口。...强大之处,因为如果你在开发时觉得js和phonegap的功能不能满足自己应用时,可以开发出自己的phonegap插件,而关于如何制作插件,在我下一篇文章中会讲到。...然后,我们通过以下语句调用phonegap的file类: document.addEventListener("deviceready", onDeviceReady, false); function
jQuery Mobile jQuery Mobile 框架把“write less, do more”精神提升到更高的层次。...jQuery 移动框架可以帮助你设计一个可运行于所有流行智能手机和平板平台的应用程序,而不需要为每种移动终端都开发一个特别的版本。...不需要花时间去进行 Ajax 调用的编码,因为已经内置了,另外还有很多其它内置功能,提供了详细的文档和应用演示。...960 Grid on jQuery-Mobile jquery-mobile-960 是一个用于移动 Web 开发的网格框架,综合了 960.gs 的灵活性和 jQuery Mobile 的方便性...它的目的是让 jQuery Mobile 布局更加的灵活,使得应用应许在移动终端更加易用。
adb devices 如果在运行Android程序时有多个模拟器或真机在线,那么会出现一个选择对话框。如果选择在真机运行,ADT会直接将程序安装在手机上。 3....安装、卸载和运行程序(adb install、adb uninstall和am) 在Eclipse中运行Android程序必须得有Android源码工程。...在emulator-5554模拟器上安装ebook.apk adb -s emulator-5554 install ebook.apk 在真机上安装ebook.apk adb -s HT9BYL904399...install ebook.apk 在emulator-5554模拟器上重新安装ebook.apk adb -s emulator-5554 install -r ebook.apk 在真机上重新安装...在emulator-5554模拟器上运行ebook.apk adb -s emulator-5554 shell am start -n net.blogjava.mobile.ebook/net.blogjava.mobile.ebook.Main
实现 $('#ele').click(function(event){ //获取鼠标在图片上的坐标 console.log('X:' + event.offsetX+'\n Y:' +...调用错误处理 当 Ajax 调用返回 404 或 500 错误时,就执行错误处理程序。...如果没有定义处理程序,其他的 jQuery 代码或会就此罢工。定义一个全局的 Ajax 错误处理程序 ?...三十一、链式插件调用 jQuery 允许“链式”插件的方法调用,以减轻反复查询 DOM 并创建多个 jQuery 对象的过程。 ? 通过使用链式,可以改善 ?...还有一种方法是在(前缀$)变量中高速缓存元素 ? 链式和高速缓存的方法都是 jQuery 中可以让代码变得更短和更快的最佳做法。