位置: 编程技术 - 正文

jQuery mobile 移动web(6)(jquery实现移动端)

编辑:rootadmin

推荐整理分享jQuery mobile 移动web(6)(jquery实现移动端),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery mobile ui,jquery移动端ui框架,jquery移动版,jquery移动端,jquery移动版,jquery移动端,jquery移动版,jquery移动div,内容如对您有帮助,希望把文章链接给更多的朋友!

jquery mobile 针对移动端设备的事件类型。

  1.touch 事件。

    tap 快速触摸屏幕并且离开,类似一种完整的点击操作。     taphold 触摸屏幕并保持一段时间。     swipe 在1秒内水平移动px屏幕像素上时触发。     swipeleft 向左侧滑动     swiperight 像右侧滑动。

  2.方向改变事件

    orientationchange 事件函数当移动设备的方向发生改变触发,在事件的回调函数内的第二个参数返回一个用于识别当前方向的参数,     该参数有两种返回值:portrait(纵向)landscarp(横向)。

  3.滚动事件,

    scrollstart 开始滚动时候触发该事件。     scrollend 滚动结束时触发该事件。

  4.显示/隐藏

    pagebeforeshow 当视图通过动画效果开始显示在屏幕之前触发事件。     pagebeforehide 当视图通过动画效果开始隐藏之前触发事件,     pageshow 当视图通过动画效果显示在屏幕之后触发事件。     pagehide 当视图通过动画效果隐藏后触发。

    示例代码:     

  5.模拟鼠标事件

    vmouseover 统一处理触摸和鼠标悬停事件。     vmousedown 统一处理触摸和鼠标按下事件。     vmousemove 统一处理触摸和鼠标移动事件。     vmouseup 统一处理触摸和鼠标按键松开事件。     vclick 统一处理触摸和鼠标点击事件。     vmousecancel 统一处理触摸和鼠标l离开事件。

页面视图辅助工具

  1. $.mobile.changePage

    通过函数编程的方式改变两个视图之间切换效果。通常在点击超链接或提交表单的时候自定义切换效果。

    语法:      

   表单提交操作   

  2.$.mobile.loaPage

    主要的作用是加载外部页面,并插入当前页面的DOM元素内。     $.mobile.loadPage(url,options);    url 是一个必选参数,传递一个绝对或者相对的 URL 地址     options 可选参数,传递的是一个JSON 数据对象。

  示例:   

数据存储:

jQuery mobile 移动web(6)(jquery实现移动端)

  1.jqmData()方法;

    可以在元素上绑定任意数据。

    $.mobile.jqmData(element,key,value)      element 参数是指定需要绑定数据的元素;       key 需要绑定数据的属性名,       value 绑定的数据。

  2.jqmRemoveData() 方法:

    该方法是移除绑定在元素上的data数据,     $.mobile.jqmRemoveData([name])      name 是可选参数,指定需要移除哪个data属性,如果不穿参数,则需要移除元素上的所有数据。

  3.jqmHasData() 方法

      判断元素上是否存在绑定 的数据,       $.mobile.jqmHasData(element);      element 参数是一个进行数据检查的DOM元素。

地址路径辅助工具:

  1.解析URL 地址

    $.mobile.path.parseUrl 函数解析一个Url 指定, 并返回一个含有所有参数值的对象,让我们很轻易的访问Url地址上的参数属性。

    parseUrl 函数的语法

    $.mobile.path.parseUrl(url);      url 参数是一个相对或者绝对的URL地址,必选传入的参数。       parseUrl 函数返回一个对象,对象内包含丰富的属性。       属性: hash 说明:#号后面的所有的字符内容,相当于location 的hash      属性: host 说明:URL的主机名和端口号       属性: hostname 说明:返回只包含URL 的主机名。       属性: href 说明:返回整个URL地址。       属性: pathname 说明:返回文件或目录的关联路径       属性: port 说明:请求返回Url的端口号       属性:portocol 说明:返回请求Url 地址的协议,如 http https      属性:search 说明:返回地址中“?”后面的请求参数       属性:authority 说明:返回用户名,密码,主机名,端口号组成的地址,       属性:directiry 说明:返回请求URL地址的目录路径,       属性:domain 说明:返回 protocal 协议和authority 组成的路径       属性:filename 说明:返回请求的Url文件名       属性:hrefOfHash 说明:返回不包含hash 值的URL 路径。       属性:hrefOfSearch 说明:返回不包含请求参数和hash值的URL 路径。       属性:password 说明:返回请求URL 中的密码 如ftp 协议密码。       属性: username 说明:返回请求URL中的用户名,如ftp 协议的用户名。

loading 显示/隐藏

    显示loading 对话框的方法是       $.mobile.showPageLoadingMse();     隐藏loading 对话框的方法是       $.mobile.hidePageLoadingMse();

JQuery Mobile 和 HTML5 的 3个优点

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

译注:原生系统:原装的操作系统,例如Android原生系统是Google发布未经修改的系统。在本文中,原生应用指直接用系统提供的API开发的程序,与JQuery Mobile开发的程序相对应。

我发现Apple的Builder接口的学习曲线十分陡峭,同样学习令人费解的Android布局系统也很耗时间。此外,要使用原生代码将一个list view连接到远程的数据源并具有漂亮的外观是十分复杂的(在Android上是ListView, 在iOS上是UITableView)我能够通过已经掌握的JavaScript和HTML/CSS知识快速地实现同样的功能,无需学习新的adapter,delegate等等抽象概念,只要编写JQuery代码就可以做到。

2.避免麻烦的应用商店审批过程以及调试、构建带来的痛苦:为手机开发应用,尤其是iOS系统的手机,最痛苦的过程莫过于通过Apple应用商店的审批。想要让一个原生应用程序发布给iOS用户,你需要等待一个相当长的过程(需要好几天,甚至可能是好几周)。不仅在第一次发布程序时要经历磨难,以后的每一次升级也是如此。这使得QA和发布流程变得复杂,还会增加额外的时间。由于JQuery Mobile应用程序仅仅是一种web应用程序,因此它继承了所有web环境的优点:当用户加载你的网站时,他们就马上“升级”到最新的版本。可以马上修复bug和添加新的特性。即使是在Android系统——应用市场的要求比起Apple环境要宽松得多,在用户不知不觉中完成产品升级也是一件很好的事情。

进一步的好处是,发布beta或测试版本会更加容易。只要告诉用户用浏览器打开你的网址就可以了!不需要考虑iOS令人抓狂的DRM,也不需要理会Android必须的APK。

3.支持跨平台和跨设备开发:一个巨大的好处是,我的应用程序马上可以在Android和IOS上工作,同样也可以在其他平台上工作。作为一个独立开发者,为不同的平台维护基础代码是一项巨大的工作。为单个手机平台编写高质量的手机应用需要全职工作,为每个平台重复做类似的事情需要大量的资源。应用程序能够在Android和IOS设备上同时工作对我来说是一个巨大收获。

更进一步,尤其是对于运行Android各种分支的设备,它们大小和形状各异,想要让你的应用程序在各种各样屏幕分辨率的手机上看起来都不错,这是真正的挑战。对于要求严格的Android开发者来说,按照屏幕大小进行设屏幕分割(从完全最小化到最大进行缩放)会需要很多开发时间。由于浏览器会在每个设备上以相同的方式呈现,关于这个方面你不必有任何担心。

基于jQuery实现放大镜效果 相信大家都见过或使用过放大镜效果,甚至实现过该效果,它一般应用于放大查看商品图片,一些电商网站(例如:凡客,京东商城,阿里巴巴等)都

jQuery mobile 移动web(4) 移动互联网的发展,促生了各种各样的移动Web框架。jQueryMobile是一个针对触摸体验的webUI开发框架,很容易就可以把WebApp包装成适合Android与iOS等触屏移

基于jQuery和CSS3制作响应式水平时间轴附源码下载 我们经常看到有很多的垂直时间轴用来记录事件进展,而有朋友问我要求分享水平的时间轴,其实水平时间轴的难点在于自适应屏幕尺寸。那么今天我

标签: jquery实现移动端

本文链接地址:https://www.jiuchutong.com/biancheng/377746.html 转载请保留说明!

上一篇:jquery mobile 移动web(5)(jquery移动div到另一个div中)

下一篇:基于jQuery实现放大镜效果(jquery放在head还是body)

  • 金税维护费全额抵扣
  • 土增清算问题
  • 计提环境保护税怎么做分录
  • 增值税进项税没那么多,申报表多填
  • 四联发票都需要盖什么章
  • 科目余额表解析
  • 预缴增值税的附加税
  • 实收资本变化的账务处理
  • 收到服务费发票摘要怎么写
  • 应收账款平均数
  • 企业常见的股利政策
  • 会员卡收费怎么办理
  • 工地上汽车加油怎么加
  • 小规模纳税人多少钱不用交税
  • 外购材料运输费怎么入账
  • 建筑业预征缴纳税款
  • 销项已开进项还没有收到分录如何处理?
  • 清洁服务经营范围有哪些
  • 金三打印客户端插件如何下载?
  • 建筑业营改增实施指南
  • 关于金融行业的经典句子
  • 资产原值包含残值吗
  • 小规模的成本票
  • 无偿取得票据的持票人不享有追索权
  • 企业收到供货单位提供的材料
  • 广告业发生错账怎么办
  • 出租柜台收取的服务费
  • 专项应付款与补助的区别
  • 支付给经销商的装修款怎么入账
  • 外资公司办事处职能
  • 最新企业会计准则
  • 货物赔偿款会计分录
  • 在Win7系统中,文件的属性包括
  • 网页无法复制文字破解
  • 小商业企业应交所得税
  • 华为手机找回删除的通讯录号码
  • 收到退款发票的分录
  • 跨国公司外汇资金集中
  • 资产负债表应付账款怎么填列
  • 正则表达式在线生成器
  • [JavaScript你真的以为这么简单吗]JavaScript高级
  • 牛客前端刷题怎么样
  • 图书发行员证书在哪里办理
  • 租金没有发票可以退税吗
  • 研发费用加计扣除75%还是100%
  • 服务型企业交税再返税
  • 个人独资公司和合伙公司有什么区别
  • 关于DEDECMS移动data后网站地图无法生成的解决方法
  • 长期待摊费用的账务处理
  • 其他应付款包括应付股利和应付利息吗
  • 企业支付的费用化的一般借款利息支出属于什么
  • 垃圾清运费属于什么服务
  • 进口关税征收方法
  • 记账凭证后面附发票第几联
  • 六大类科目的借贷口诀余额怎么填
  • 装修待摊费用当月摊销吗
  • sql时间用什么数据类型
  • sqlserver数据库事物日志已满
  • WINDOWS操作系统最新版本
  • 微软公布新企业AI产品定价 股价应声涨至盘中纪录高位
  • linux虚拟机基本操作
  • unix怎么切换用户
  • 查看win8.1版本
  • linux哪里好
  • Linux使用scp命令进行文件远程的上传或下载
  • 跑酷游戏cs
  • 回调阶段
  • vs2013怎么配置环境
  • javascript中的3种继承实现方法
  • linux基本命令的使用方法
  • 迁移的项目
  • shell入门
  • flask完整项目实例
  • jquery filedownload
  • android4.4.2升级包
  • python列表组成字符串
  • js 堆排序
  • 北京比较大五金市场在哪
  • 怎么注册山东省采购网
  • 提供劳务者受害责任纠纷赔偿案例
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设