移动框架 jquery mobile 初探

年前给单位写了个小系统，主要用于年末各种评选工作，按照领导要求，需要在移动端进行开发，所以顺便就学习了移动 web开发。由于是初次接触，曲曲折折，最终完成，不过自己甚不满意，不够完美。在这里面走了不少弯路，积累了一些经验。

移动前端，使用的是几样技术的综合，主要的部分就是应用responsive布局，详细一点，用的技术有媒体查询，流体布局，自适应缩放，ajax，viewport属性，移动端屏幕DPI等等还有很多的细节方面。

最后为了节省时间，就选择了现在比较成熟的移动框架，Jquery Mobile。主要用到的技术有：jquery，ajax，css 等。

先上几张系统截图：

时间： 2024-10-18 05:18:16

移动框架 jquery mobile 初探的相关文章

移动框架jQuery Mobile入门

jQuery Mobile使用指南 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上

bootstrap和jquery mobile的对比

最近一直在研究bootstrap这东西,确实是个好的框架,但是诸多优势背后也隐藏着一些不好的地方,对此,我把它和另一套响应式框架jquery mobile做了一下对比,我的总结如下:    1.bootstrap的class类定义杂乱,没有统一的格式,在比较复杂的页面中,容易产生覆盖和冲突,而jquery mobile采用统一的class类前缀,容易分辨.    2.专业性:bootstrap和jquery mobile都是基于jquery编写,但是bootstrap是由twitter的工程师编

两大HTML5框架评测：Kendo UI 和 jQuery Mobile

jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架,在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用.这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的.比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面.众所周知,jQuery Mobile 实际上并不需要太多的介绍,因为它是最常用的HTML5框架之一. Kendo UI 具有相似的动机和类似的发展速度.与 jQuery Mo

jQuery Mobile 移动 web 应用程序框架

在这里我们主要讲一下如何引用jQuery Mobile(引用了jQuery Mobile,你就能引用jQuery Mobile里已经封装好的代码,让开发更加快捷简单) 从 CDN 引用 jQuery Mobile(推荐)——也就是以http外部链接调用jQuery Mobile库 从 jQuerymobile.com 下载 jQuery Mobile 库 下载jQuery Mobile库网址:http://jquerymobile.com/download/ 下载的库里包含着jQuerymobi

jQuery Mobile中表单的使用体会

jQuery Mobile是手机端(移动端)页面制作用的框架,包括CSS和JavaScript,此处简单总结一下表单的书写,主要涉及CSS部分.框架提供了表单的一些样式,但在实际使用的时候,我们可能会用自己的自定义样式,这种情况下,框架提供的样式可能就不能满足我们的要求.今天项目中写登录页面的静态网页,碰到了几个问题,在这里和大家交流一下. 1 利用data-role="none" 在使用表单的时候,如果想使用自定义样式,就可以表单元素上给data-role属性赋值none,意思就是不

jquery mobile常用的data-role类型介绍

转自原文 jquery mobile常用的data-role类型介绍 data-role参数表: page        页面容器,其内部的mobile元素将会继承这个容器上所设置的属性 header     页面标题容器,这个容器内部可以包含文字.返回按钮.功能按钮等元素 footer       页面页脚容器,这个容器内部也可以包含文字.返回按钮.功能按钮等元素 content     页面内容容器,这是一个很宽容的容器,内部可以包含标准的html元素和jQueryMobile元素 cont

jquery mobile 教程

简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用.使用该框架可以节省大量的js代

经典收藏 50个jQuery Mobile开发技巧集萃

1.Backbone移动实例 这是在Safari中运行的一款Backbone移动应用程序.想开始体验移动开发,一个好的出发点就是关注这个应用程序的构建方式.先不妨在你的浏览器中查看该应用程序. 相关链接:http://bennolan.com/2010/11/24/backbone-jquery-demo.html 2.使用媒体查询来锁定设备 你可能会问如何使用CSS来锁定设备(根据屏幕尺寸).比如说,你想要为iPad设计两列布局.为智能手机设计单列布局.要做到这一点,最佳办法就是使用媒体查询.

jQuery Mobile panel的相关属性

参考网站:http://www.lampweb.org/jquerymobile/19/64.html 面板 data-role="panel" 在一个 jQuery Mobile “page”中,面板与“header”.“footer”.“content”,必须是兄弟元素.可以在它们之前或之后添加面板的标记,但不在它们中间添加.注:此约束将在未来的版本中删除. <div data-role="page"> <div data-role="