jquerymobile游戏,JavaScript jQuery mobile

http://www.itjxue.com  2023-01-07 06:55  来源:未知  点击次数: 

jQuery Mobile和Sencha Touch哪个好

jqm简单易学,跨平台,运行速度中下

Sencha Touch 入门较难,也可以跨平台,运行速度中偏一点点上。

2个框架都用过,个人觉得2个都不好。

下面是一些分享:

第一组-行销和平台支持

Sencha Touch和jQuery Mobile都以HTML5框架著称。jQuery Mobile谦虚的说自己只是内建于所有流行的移动设备平台,而Sencha Touch则说自己是唯一能让为开发者在iOS,Android,BlachBerry,Windows Phone等更多的OS上开发漂亮应用的框架。老实说,这种夸大其词的广告让我失望。我还没有发现它说的那样好,Sencha Touch只能孤芳自赏了。

只支持web kit内核浏览器(据说这会在未来有所变化)

大家知道的,有很多移动应用框架比Sencha Touch好

jQuery Mobile

很多框架都不会为某一特定的平台做优化的,包括jQuery Mobile(据说1.4版本会做一些优化)

结论:jQuery Mobile胜

第二组-UI和视觉映像

正如您所见,Sencha Touch和jQuery Mobile在UI视觉是有些区别的。一个是完全的javascript驱动,而另一个是用HTML驱动的。这两种方式都可以展示漂亮的UI,但是Sencha 的UI更像是用原生API开发的一样(在混合应用程式中)。很不幸,它两在复杂UI程式中表现的就很糟糕了,尤其是jQuery Mobile.

Sencha Touch

在移动设备上,Sencha会比jQuery更加的流畅

Sencha遵循MVC哲学,它不会让你写任何HTML代码,一切基于javascript

Sencha 提供更多的UI元素和组件,比如说旋转

Sencha支持SVG(可缩放矢量图形,译者注),对于游戏来说是个好事

Sencha Touch IDE是付费的,虽然这个和UI没有关系。

jQuery Mobile

于Sencha不同,jQuery Mobile UI更像是web UI

要想展现jQuery Mobile UI只要在HTML中加入jQuery Mobile CSS即可,就像是jQuery UI框架的使用一样

使用Ajax会让有些开发者在页面特效处理方面感到困惑

使用CSS会让一些UI看起来很相似,要让UI表现的不一样得额外花费时间来处理。比如说SongMeanings.com网站中的mobile内容。

与Sencha Touch不同,jQuery Mobile得让你好好关心页面的构成,有时这是很麻烦的。所有都绑在了一起,这,时好时坏说不定。1.4版本也许会有所改善。

结论:Sencha Touch 胜

第三组-可用性,使用的难易

这是个完全不同的比较。jQuery Mobile是标记语言驱动,它是依赖于jQuery并很容易控制的。如果你喜欢MVC模式,那你就得选择Sencha Touch。当然这会带来付费的问题,至少这会让不喜欢用javascript的人不顺心的。最后,咱这组比较就是比较使用的难易的。

Sencha Touch

全都是javascript,新手会有些迷惑

很难debug

不容易上手

jQuery Mobile

如果你和大多人一样喜欢jQuery,你也会喜欢jQuery Mobile的

语法简单

可以用Backbone.js或Knockout.js来弥补MVC设计方面的缺陷

支持很多不同的主题,而且一切都可以用CSS来操作

任何IDE都可以开发

结论:jQuery Mobile胜

第四组-文档

再好的产品也会因此而被人们遗忘。它们两的文档都不错。Sencha Touch官方文档相当不错,jQuery Mobile文档的封面都是很漂亮的。但是,Sencha Touch的文档比jQuery Mobile的更好。

Sencha Touch

比jQuery Moblie文档更好,而且不会让人困惑。

内容不多

官方支持可不免费,也不会涉及IDE

jQuery Mobile

没达到Sencha Touch官方文档的水准

有博客,文章,论坛,Stackoverflow...等方式的支持

封面很漂亮

结论:Sencha Touch 胜

第五组-工具,插件,第三方支持

这个话题也是很重要的,好的开发工具和插件会让开发者更容易上手。

Sencha Touch

支持自家本地应用程序

支持主题包

IDE要付费

jQuery Mobile

Phonegap是支持本地应用的开发包,用jQuery Mobile开发Phonegap会让人感到有些怪

支持主题包,但支持的不全面,因为一些核心的CSS元素不容易更改,比如说已经被激活的元素

支持大量第三方插件,与jQuery插件兼容

比Sencha Touch更容易扩展

结论:平局,jQuery Mobile略胜一筹

yale8848

翻译于 1年前

0人顶

顶 翻译的不错哦!

最终比较

jQuery Mobile

优点

易开发

不错的第三方支持,插件就是知识,知识就是力量

易调试

Stackoverflow

缺点

比Sencha Touch慢

APP几乎是同样的UI,如果你是个能忍的UI设计师,那你就可以接受这种呆滞的UI

官方文档缺少一些东西,因为其在UI方面介绍的太多而欠缺在架构方面的介绍

jQuery Mobile有哪些强大的功能

jQuery Mobile 是创建移动 web 应用程序的框架。

jQuery Mobile 适用于所有流行的智能手机和平板电脑。

jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。

1.跨平台

目前大部分的移动设备浏览器都支持HTML5标准,jQuery Mobile以HTML5标记配置网页,所以可以跨不同的移动设备,如Apple iOS,Android,BlackBerry,Windows Phone,Symbian和MeeGo等;

2.容易学习

jQuery Mobile通过HTML5的标记与CSS规范来配置与美化页面,对于已经熟悉HTML5及CSS3的读者来说,架构清晰,又易于学习.

3.提供多种函数库

例如键盘,触碰功能等,不需要辛苦编写程序代码,只要稍加设置,就可以产生想要的功能,大大了编写程序所花费的时间;

4.多样的布景主题和ThemeRoller工具

jQuery UI的ThemeRoller在线工具,只要通过下拉旱行设置,就能够自制出相当有特色的网页风格,并且可以将代码下载下来应用,另外,JQuery Mobile还提供布景主题,轻轻松松就能够快速创建高质感的网页.

使用html5开发移动端应用采用什么框架

 1. LungoJS

这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需使用图片,全部采用向量声称。

Lungo.JS 无需服务器端支持,可帮助实现 HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架,可用来创建应用、游戏等程序。

2.Kendo UI

Kendo UI是一个HTML5平台,开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件,如图表、组合框以及常用表格。

3.Jo

该框架可以创建像本地一样的应用,并且兼容任何操作系统,无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

4.Sencha Touch

Sencha Touch是第一个基于HTML5的移动应用框架,利用JavaScript、HTML5和CSS3来构建移动应用程序,该框架利用本地代理存储离线数据,具体使用HTML5来渲染视频和音频组件。

可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的Web标准,全面兼容Android和Apple iOS设备。

5.52 Framework

52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。

6.LimeJS

LimeJS 是一个 JavaScript 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏,支持主流浏览器包括iOS。

7. G5 Framework

如果你想要快速实现Web开发,并且想要重用ant主题或应用程序或网站项目,那么G5 框架是您最好的选择,因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外,它还集成其他许多功能,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。

9.Phone Gap

PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等。

怎么使用JQuery Mobile开发移动网站

方法/步骤

简单的说明一下JQueryMobile. 它是一个很好的跨平台的移动端网站开发框架。 是一个前台的框架。现在要使用这个框架组一个界面,这个界面很简单, 但是麻雀虽小五脏俱全, 然后模板实现, 知识讲解完毕。html要使用HTML5的标准来写, 因为JQueryMobile是基于HTML5的。 书写html5的格式如图,

既然使用JQueryMobile就要有这个框架, 这里可以使用本地引用的方式, 和网上引用, 也叫做cdn引用。就是比较稳定和快速的引用外部文件的一种方式。 这里使用cdn的方式, 这样只要可以上网就可以使用该框架。

在写移动端的网站的时候, 一定要写一个meta的name为viewport的属性, 因为该属性代表着网站页面的自适应。简单的写法为:meta name="viewport" content="width=device-width, initial-scale=1" 代表着网站为驱动设备的宽度。

然后加入框架之后, 写一个简单的界面。 这里面JQueryMobile大量的使用了一个data-的属性, 这里使用最多的事data-role。 代表着他默认的样式规则。 就是提前定义好了很多的样式来供你使用。 常用的page. 代表着页面, listview, 代表着一个列表视图。下面是代码和效果图

稍微说明一下。

data-role="page" 是代表着一个页面可以看做该内容下是一个页面显示的内容

data-role=”header"代表着 页面的页头, 就是页面的最上面显示的内容这里需要注意, 里面要加上子标签内容, 要不然, 就不会居中显示内容了。推荐使用h1.

data-role="footer"代表着页脚的内容。 也是网站的一个说明信息。 或者是一个底部导航菜单。 还有一部分, 就是data-role="content" 是代表着页面内容部分, 主要的内容在这里面显示。

这3个部分构成了一个简单的页面。 所以, 现在可以体验到它的强大, 不用写太多的代码一个简单的框架就好了, 下面继续增加一个listveiw的列表视图。

完成列表视图的代码, 增加一个文章列举表的代码, 这里列表是使用data-role="listview" 来修饰样式。 然后这里只需要加上data-role="listview" 你发现想要的list效果就实现了。 这样我们一个简单的页面效果就实现了。

jQuery Mobile是什么

jQuery Mobile是jQuery 框架的一个组件(而非jquery的移动版本)。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。

jQuery mobile之loading的问题 小白求助大神

回答:你那链接要在a标签中加上data-ajax=false

jquery mobile 垃圾的东西,千万别用它,我用它搞死了:

1、前端用它和页面的风格不统一,这货单独拿出一个比如按钮什么的样式挺好的,放到项目中总是怪怪的。

2、js默认ajax,总出现一些默名的问题。

3、CSS样式修改麻烦,要在当前标签覆盖才生效。

4、加载太多。

忠告:宁可麻烦点自已写也不要图省事用这破玩意。

参考:

(责任编辑:IT教学网)

更多

推荐excel文章