5款移动开发轻量jQuery的替代品

标签: 移动 开发 jquery | 发表时间:2013-11-12 05:20 | 作者:qq1162195421
出处:http://blog.csdn.net

我们都爱jQuery的。这个网站甚至专门为建设美丽的例子,使用该库。但也有情况下,jQuery是不是一个明智的选择。如果您使用的是它只有简单的DOM操作或一个AJAX请求或两个,为什么放慢你的页面加载时间,并引入一个额外的依赖?

更严重的问题是,在移动设备上。你看,虽然我们包括通过CDN的jQuery像谷歌的,它仍然是不自由 - 下载和解析尚需时日。非常的事情,jQuery的流行 - 完美的跨浏览器的支持,也使得它太笨重的移动设备上使用。毕竟,为什么你会需要你的移动网站,支持老版本的IE,如果它被看作是只在iOS和Android?

获取精益

还有一些其它的要解决的问题。例如动画jQuery的方法是修改css样式属性的元素在小的时间间隔。在桌面上,这工作得很好,但在移动设备上表现不佳。纯CSS动画另一方面(使用过渡和@关键帧的)的硬件加速和平稳。

这意味着,手机网站建设,必须采取一种全新的方式。幸运的是,还有5个库,可以帮助我们。

Zepto.js

Zepto.js

Zepto.js

这是功能最丰富的图书馆,在那里,是专为iOS和Android(两者都使用WebKit引擎)。保持几乎所有jQuery的功能在8KB(而不是jQuery的32),并增加了触摸事件(包括捏缩放)和纯粹的CSS动画支持。它采用模块化的方法 - 你只添加组件,您需要一个更精简的库。

Snack.js

Snack.js

Snack.js

小吃是一个小而简单的JavaScript库。虽然小项目的理想选择,它有足够的它来构建复杂的,跨浏览器的Web应用程序。它采用了不同的方法,它比的Zepto脱离jQuery的API,但在3KB大小的一半。你将不得不处理自己的动画与这一个。

DOM

DOM

DOM

$ DOM更小 - ,2KB它包装相当一拳。它使跨浏览器兼容性,甚至处理动画(虽然jQuery的方法与超时),但省略的功能,如数组操作功能和AJAX。完美的使用情况下,为这个图书馆是建立反应灵敏的网站,这可以被视为在智能手机,平板电脑和台式机。

xui.js

xui.js

xui.js

在4KB XUI是一个小创作HTML5移动Web应用程序的框架。它的工作原理在所有的设备在移动的风景,甚至有特殊的构建,即WebKit的手机和黑莓浏览器。它支持触摸事件,甚至有一个jQuery的兼容性插件。

140medley

140medley

140medley

你不能去比140medley更微观。这0.5KB收集功能的灵感来自于 140bytes大赛,参与者创建鸣叫大小的JavaScript片段。它支持模板,事件和AJAX。这仅是亲领土,作为唯一的文档通过隐秘的源代码中的注释。

结论

这些仅仅是一些令人兴奋的新框架是在那里。但它是不够的,有一个真棒的名称或网站 - 社区是什么使得或打破一个开源项目的。所以,如果你发现一些有趣的事情,是值得你花时间,确保它流传着一句话。

作者:qq1162195421 发表于2013-11-11 21:20:28 原文链接
阅读:57 评论:0 查看评论

相关 [移动 开发 jquery] 推荐:

jQuery Mobile开发HTML5移动应用

- - HTML5研究小组
随着移动互联世界的到来,目前已发展到多种移动 操作系统割据的局面,而开发者则急需要能运用原有的开发知识和技能,快速方便地构建移动应用程序,并期望能运行在不同的 手机操作平台上,比如Android,iOS,黑莓等. 而目前,出现了一批十分优秀的支持HTML5/CSS3的移动应用开发框架,其中最为大家熟悉的是jQuery Mobile框架(http:// jquerymobile.com),它可以让熟悉jQuery框架的开发者快速开发出基于HTML5的移动应用,而且直接通过 手机的浏览器即可浏览.

2小时学会jquery mobile开发移动网站

- - 鲁塔弗的博客
jQuery Mobile: http://jquerymobile.com,一个基于jquery的html 5移动网站框架,用它做出来的网站界面和App风格类似. 方案选型过程见 http://lutaf.com/145.htm. 优点1:开发特别简单,不需要美术资源,甚至不需要太多css/html编程经验,甚至不需要js编程技能,普通程序员就能很快学会制作出 美观大方的 mobile site.

5款移动开发轻量jQuery的替代品

- - CSDN博客移动开发推荐文章
这个网站甚至专门为建设美丽的例子,使用该库. 但也有情况下,jQuery是不是一个明智的选择. 如果您使用的是它只有简单的DOM操作或一个AJAX请求或两个,为什么放慢你的页面加载时间,并引入一个额外的依赖. 更严重的问题是,在移动设备上. 你看,虽然我们包括通过CDN的jQuery像谷歌的,它仍然是不自由 - 下载和解析尚需时日.

最佳6款用于移动网站开发的 jQuery 图片滑块插件

- - 博客园_梦想天空
  随着智能手机的普及,越来越多的用户喜欢通过手机中浏览网页. 今天这篇文章为大家推荐最佳6款用于移动应用的. jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站. PhotoSwipe 是一款免费的. jQuery 图片库插件,支持 iPhone, iPad, Android, Blackberry 等各种移动设备.

jQuery Tools:Web开发必备的 jQuery UI 库

- - 博客园_首页
jQuery Tools 是基于. jQuery 开发的网站界面库,包含网站最常用的Tabs(选项卡)、Tooltip(信息提示)、Overlay(遮罩、弹窗)、Scrollable(滚动控制)、Form Validator(表单验证)、Rangeinput(范围选择)、Dateinput(日期选择)等众多功能.

jquery插件的开发

- - CSDN博客推荐文章
插件的概念大家并不陌生了,插件可以很方便我们进行代码开发,大大节约了我们的开发时间. 以前我用jquery都是自己洗一大把的代码,复用性不高维护也不方便. 因此自己学着开发了2个简单的jquery插件. 下面先看下jquery插件的分类. jQuery开发分为两种:. 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.

js/jQuery插件开发及规范

- - JavaScript - Web前端 - ITeye博客
当我们画出了UI之后就可以正式编写jQuery插件代码了,不过在着之前我们还需要对jQuery插件开发的一些规范性有一些了解.  这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢. c) 兼容jQuery操作符'$'和'jQuery'. 我们知道这段代码在被解析时会形同如下代码:.

深入理解jQuery插件开发

- - 博客 - 伯乐在线
英文原文: Extraordinary Thougths  ,编译: 伯乐在线—— 戴嘉华. 如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库. jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方,对它基本功能和概念不熟悉的人可能会难以掌握. 但是不用担心,我下面已经把代码划分成小部分,做了一个简单的指导.

jQ.Mobi——针对移动设备优化的jQuery

- - HTML5研究小组
appMobi已经开放了 jQ.Mobi的源代码,它对jQuery进行了重写,与 jQuery Mobile竞争以分享开发者份额. jQ.Mobi是jQuery的部分重写版本,但针对HTML5和移动设备做了优化. 它的文件大小只有3KB,而jQuery则有35KB,并且据 JSPerf test的数据,它在Android上要比jQuery快3倍,在iOS上快2.2倍.

专为移动平台打造的 jQuery: jqMobi

- - 我爱水煮鱼
这个是 jqMobi 不是 jQuery Mobile,两个完全不同的东西,jqMobi 是基于 jQuery 重写的,适应于 iOS 和 安卓等移动设备的 HTML5+Javascript 框架,它含有 jQuery Mobile 绝大部分功能,但是 jqMobi 体积更小,速度更快. 体积更小:在压缩之后,相比 jQuery Mobile 的 24kb,jqMobi 只有 3.5kb,但是 jqMobi 含有 jQuery Mobile 的绝大部分功能,并且语法相同,jQuery 程序员无需重新学习.