jQuery Mobile jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面.jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格.jQuery Mobile1.4.0主要侧重于性能和控件方面的改进.除了全新的默认主题和SVG图标,还新增了开关控件.通用过滤器.箭头弹出框.滑动提示框等一系列功能,更是集成了jQuery UI的Tab部件.jQuery Mobile继承了jQuery的优势,并且提供了丰富的适合手机应用的UI组件.j

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

http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 1.Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2.使用媒体查询来锁定设备 你可能会问如何使用

纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS.jQuery Mobile 和Sencha Touch都是比较成熟老牌的框架,项目中也有应用.国内也有公司,像BAT巨头也在探索和实现了适合自己的移动web框架. 1.jQuery Mobile适合你吗 差不多二十年来,处理跨浏览器的HTML和CSS不一致

(原)http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 经典收藏 50个jQuery Mobile开发技巧集萃   1.Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-

随着HTML 5时代的来临,移动开发开始进入了一个新的时代,现在只需要懂得HTML5,配合一定的开发框架,就可以开发出十分漂亮的HTML5的移动应用.在众多的 移动HTML5开发框架中,比较著名的是jQuery Mobile.最近,jQuery Mobile宣布发布了最新的1.1版本,其中的一些新特性必1.0时代有了很大的提升.在本文中,将会就这些新的特性进行介绍,还将讨论在1.2版本中 估计会新加入的特性.本文的阅读对象为对jQuery Mobile开发有一定认识的读者. ▲jQuery Mo

CRL简介 CRL是一款面向对象的轻量级ORM框架,本着快速开发,使用简便的原则,设计为 无需关心数据库结构,CRL自动维护创建,即写即用(CRL内部有表结构检查机制,保证表结构一致性) 无需第三方工具生成代理类,标准对象结构即可 基于Linq.Expression语法解析,完全对象化操作,所有变量参数化处理,无注入安全等问题 支持join,group等常用语法和函数扩展方法 多种结果类型返回,对象,自定义对象,泛类型,字典等 多种数据库,多库支持 可封装继承的结构,充分使用面向对象的特性 使用

先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性. 一些比较优秀的框架:10大优秀的移动Web应用程序开发框架推荐 最终选择的是 jQuery Mobile ,官方地址:http://jquerymobile.com jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架.能工作在现有主流的智能手机和平板电脑上,且构建于 jQuery 以及 jQuery UI类库之上,用极少的

JQuery Mobile 和 HTML5 的 3个优点 1. 上手迅速并支持快速迭代:在一个星期多一点的时间里,通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobile书籍,我完成了一个可以工作的app初步版本.在此之前我没有HTML5 / JQuery Mobile开发经验.与Android和iOS相比,使用JQuery Mobile和HTML5构建你的UI和逻辑会比在原生系统下构建快得多. 译注:原生系统:原装的操作系统,例如Android原生系统是Goo

最近公司的web app项目,使得我有幸一直接触和学习jQuery Mobile.这确实是一个很不错的移动开发库,有助于擅长web开发的工程师,快速入门并构建自己的移动应用.但是在前两天,我碰到了一个问题,使我查 了很多资料都没有找到很好的解决方案,最终只能逼着我读jQuery Mobile的源码,再写了个扩展,才得以解决.下面请让我娓娓道来. 问题描述 假 设在项目中,有三个页面,分别是main.html.test1.html.test2.html(后面分别简称main.test1.test2

Ionic 是一个强大的 HTML5 应用程序开发框架,可以帮助您使用 Web 技术,比如 HTML.CSS 和 Javascript 构建接近原生体验的移动应用程序.Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发. 您可能感兴趣的相关文章 16款时髦的扁平化 HTML5 & CSS3 网站模板 精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 Metro UI 风格 Bootstrap

前言 为了方便大家看的方便,我这里将这几天的东西整合一下发出. 里面的例子请使用手机浏览器查看. 什么是jQuery Mobile? jquery mobile是jquery在移动设备上的版本,他是基于jquery.HTML5.CSS3构建的,他提供了一个丰富的交互性强的接口用以兼容不同移动平台. 于是我们去下载一番: 我这里就直接下载的这个压缩文件了,完了我们看看他有些什么东西,我们这个还是要依赖jquery的,所以还是准备一个吧. 这个东东是个好东西哦,他还有配套的样式呢,依赖他我们可以开发

前言 继续我们移动端的学习,今天到了List相关了. 本文例子请使用手机查看 List列表 在移动设备平台下,由于移动设备屏幕比较小,我们又是用手在上面点击的触屏方式,传统的列表模式在手机上就不太友好了. 虽然HTML5与CSS3提供了强大的界面实现方案,jquery mobile作为jquery框架的一个移动web插件,他根据移动屏幕大小优化了UI组件, 列表组件就是jquery mobile根据移动设备的特性而实现的组件库之一. 我们来一个个看看我们的列表吧 普通链接列表 <!DOCTYPE

PhoneGap与Jquery Mobile结合开发android应用的配置 由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社会还是必须的. 好了,咱们言归正传: PhoneGap

使用jQuery Mobile + PhoneGap 开发Android应用程序(转) 一.简介 jQuery Mobile是jQuery在手机上和平板设备上的版本.jQuery Mobile 不仅给主流移动平台带来jQuery核心库,而且提供了一个完整统一的jQuery移动UI框架.支持全球主流的移动平台.它拥有出色的弹性,轻量化以及渐进增强(Progressive enhancement)特性与可访问性.jQuery Mobile 1.0构建于jQuery核心1.6.4. PhoneGap是

在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得

由于工作需要,用到phonegap与jquery moblie搭配,开发android应用程序. 这些技术自己之前也都没接触过,可以说是压根没听说过,真是感慨,在开发领域,技术日新月异,知识真是永远学不完的.就算是做java 开发的,可是细分下来,专业方向还是很多的:自己没有涉及的技术还是太多了,自个需要对单个领域专业点,知识丰富点.做不了全才,那咱做个专才,在如今社 会还是必须的. 好了,咱们言归正传: PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平

工欲善其事,必先利其器. UI工具可以提高我们开发界面的效率,下面对几款工具做个对比: 1. Codiqa,在JQuery Mobile主页能看到这款工具,看到网上这么多人吹捧这个工具,不过是收费的. 2. Tiggzi,也是网上众多人推荐的,不过也是收费的. 3. RID,无意间搜索到的,https://01.org/rib/,免费的,是sourceforge项目. RID简单介绍 RID(Rapid Interface Builder,快速界面构建)是一款基于浏览器的移动Web应用用户界面设

此书由程学彬 (http://weibo.com/ironbin)和我合译完成,此篇博客作为勘误收集而用,若译文有误或者有任何疑问,欢迎留下评论,或者给我发邮件(地址:gzooler@gmail.com)或者联系程学彬,非常感谢. 购买地址 京东:http://item.jd.com/11298722.html 亚马逊:http://www.amazon.cn/jQuery-jQuery-UI%E5%8F%8AjQuery-Mobile%E6%8A%80%E5%B7%A7%E4%B8%8E%E7

Jquery Mobile闻名已久,今天终于有亲密接触的机会. 通过动手写的demo,对它有了一个基本的认识: 自带的UI组件用起来简洁,方便:对旧版本的浏览器或移动设备能做到很好的优雅降级,而不影响页面性能: 基于AJAX的数据处理给人很好的用户体验:快速,高效,交互友好: 页面切换效果么么哒; data-*属性的运用也十分便捷,易用,且功能强大. Demo: <!DOCTYPE html> <html> <head> <title></title&

另外献上在<线体验Demo地址>希望大家也能从中得到一些启发.地址:http://121.40.148.178:8080/ . 用户名:guest,密码:123456QQ技术交流群:239168429 从事web开发多年,UI一直是我的痛,第一个用的是Ext,授权费用高暂且不说,那个前端框架实在是臃肿,肿到要用chrome浏览器才顺畅点. 然后就是easyui,比ext是轻巧点,但是商用也一样要授权费用,可能是因为我有洁癖,总感觉那前端框架还是有点臃肿,并且不好控制. 后来我前端技术提高了不少