`
pandong8183
  • 浏览: 57737 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

编码随想:关于JqueryMobile的一些编码心得

 
阅读更多

    这段时间在公司封闭开发中,基于JqueryMobile开发手机前端JS框架,有一些心得,贴上来供大家参考;
    1.JqueryMobile是什么:它是一个用于移动设备的网页前端开发框架,完全免费,源码开放,简称JQM;
    2.JqueryMobile的优点:我认为在于三点
        2.1 使用CSS3完成展示效果,使得未来的项目页面将相当小,不用像现在的项目,加载时需要请求大量的图片,目的仅仅是效果展示;
        2.2 模仿苹果应用程序实现了很多人性化的效果,例如,页面之间的动态转动切换(用过苹果手机的应该都知道)
        2.3 自动将页面中的标准元素转换成JQM页面,开发人员无需学习太多的新东西,简单看看它的Demo应该就能上手
    3.JqueryMobile的缺点:
        3.1 JQM实现页面转动跳转时,目标页面的初始化onload事件将无法调用,我研究了JQM的源码,发现JQM是使用Ajax现将目标页面信息读取出来加载到当前页面,然后再使用它的方式转动过去,最后配置页面的location对象的数据,那么当然,目标页面的初始化事件,在这样的情况下肯定是无法调用的,至少我想不到该如何调用,我也尝试过修改源码,达到效果,但是结果不理想,只有放弃,这是我认为最大的缺点
        3.2 由于是1.0版,仅仅提供表单基本组件效果和列表效果,个人觉得不是很够,比如来个什么复选下拉、单复选树形组件之类的东西,呵呵,当然这也可能是我不是特别了解移动平台开发领域吧
    4.JqueryMobile的替代者:
        4.1 SenchaTouch 相对JQM更加逼近苹果效果,开发方式类似ExtJs,熟悉ExtJs的朋友可能喜欢,目前免费,但是由于ExtJs中途收费的前车之鉴,我反正是不用这个东西
        4.2 DoJo Mobile 这个我没有研究过,仅仅是知道
    5.想看看这些Mobile框架的Demo到底是个啥效果
        jquery mobile


      
 
        http://jquerymobile.com/demos/1.0.1/

        sencha touch
      
 
        http://www.sencha.com/products/touch/demos/


        dojo mobile


       
 
        http://demos.dojotoolkit.org/demos/demos.php?cat=mobile

  • 大小: 110.7 KB
  • 大小: 32.3 KB
  • 大小: 21.3 KB
1
1
分享到:
评论

相关推荐

    jQuery mobile相册

    jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...

    Master Mobile Web Apps with jQuery Mobile

    - **Matt Doyle**:是一位经验丰富的技术作家和编码专家,著有两本关于Photoshop和PHP的书,并在多个技术平台上发表过关于CSS、JavaScript和jQuery Mobile的文章。 - **背景**:Matt Doyle的专业背景和之前的工作...

    Jquery mobile 从设计到开发

    在《jQuery Mobile Develop and Design》中,作者不仅介绍了框架的细节,还提供了一个实际和愉快的叙述方式,帮助读者快速上手,并准备好创建一些优秀的作品。书中还包含了以下几方面的内容: - 易于理解的逐步指导...

    使用jQuery Mobile快速开发手机站点

    【标题】"使用jQuery Mobile快速开发手机站点"揭示了如何利用jQuery Mobile这一强大的前端框架来构建适应移动设备的Web应用。jQuery Mobile是一个轻量级、跨平台的框架,专为触摸优化的移动设备设计,提供了丰富的UI...

    基于Jquery Mobile的IOS主题

    **基于jQuery Mobile的iOS主题详解** 在移动应用开发领域,jQuery Mobile是一款强大的前端框架,它为构建响应式、触控友好的网页应用提供了便利。尤其是对于想要模仿iOS设备外观和感觉的应用,jQuery Mobile的iOS...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jQuery Mobile快速入门源代码

    jQuery Mobile 是一个轻量级、触控优化的前端框架,专为移动设备设计,用于创建跨平台、响应式的Web应用程序。这个压缩包包含了《jQuery Mobile快速入门》这本书的配套源代码,适合初学者深入理解jQuery Mobile的...

    jQuery Mobile快速入门.pdf

    ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**:jQuery Mobile 是一款流行的开源 JavaScript 库,它主要用于构建响应式的 Web 应用程序,支持触摸操作,兼容多种移动设备。...

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    JqueryMobile1.4.2最新版Demo

    6. **事件处理**:jQuery Mobile 引入了一些特有的事件,如 `pagecreate`、`pageshow` 和 `pagebeforechange`,这些事件在页面生命周期的不同阶段触发,方便开发者进行动态内容加载或页面初始化操作。 7. **主题...

    jquery mobile官方git资源

    6. **事件**:jQuery Mobile扩展了jQuery的事件模型,引入了一些针对触摸设备的事件,如`tap`(轻触)、`swipe`(滑动)和`vclick`(虚拟点击)。 7. **插件和扩展**:除了核心组件,jQuery Mobile还允许开发者通过...

    jQueryMobile-HTML5模板

    1. **统一的触控体验**:jQuery Mobile提供了一套跨平台的触控事件处理机制,确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以...

    jQuery Mobile 1.1.1最新版

    jQuery Mobile 1.1.1 是一个专门针对移动设备优化的前端框架,它基于流行的JavaScript库jQuery,并且致力于提供统一的跨平台、跨设备的触摸友好界面。这个版本的发布旨在提升性能,修复已知问题,并引入一些新的特性...

    jquery mobile demo

    **jQuery Mobile 框架详解** jQuery Mobile 是一个强大的、响应式的前端框架,专为创建移动设备优化的 Web 应用程序而设计。这个框架基于 jQuery JavaScript 库,旨在简化跨平台开发,支持多种智能手机和平板设备,...

    jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile 源码

    《jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile》的阅读对象是具有一些HTML 、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、...

    移动web开发学习一:jquery mobile 和 scrollview的整合

    然后,为了实现ScrollView的功能,可能需要对jQuery Mobile的默认配置进行一些调整。jQuery Mobile默认对所有的`div`元素进行了页面转换和触摸优化,这可能会与ScrollView的滚动效果冲突。因此,需要为不希望自动...

    Jquery Mobile +Asp.net

    **jQuery Mobile + ASP.NET:构建移动友好Web应用** 在当今移动设备普及的时代,开发跨平台、响应式的Web应用成为了一项必要的技能。jQuery Mobile(JQM)和ASP.NET的结合,为开发者提供了一个强大且高效的工具集,...

    jqueryMobile入门练习项目

    **jQuery Mobile 入门练习项目** jQuery Mobile 是一个流行的前端框架,专为移动设备上的网页应用设计,提供一套完整的交互组件和触摸优化的界面。它基于 jQuery 库,简化了在移动设备上创建响应式、触摸友好的网页...

    使用JqueryMobile开发购物网站

    **使用JqueryMobile开发购物网站** JqueryMobile是一款强大的前端框架,专为移动设备上的Web应用程序设计,提供了丰富的UI组件和交互效果。它基于HTML5,CSS3和jQuery库,使得开发者可以快速构建响应式、触摸友好的...

    jQuery mobile相册的一种样式

    在IT行业中,jQuery Mobile是一种广泛使用的前端框架,它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果,其中包括我们今天要讨论的主题——相册样式。在这个主题下,...

Global site tag (gtag.js) - Google Analytics