`

超棒的javascript移动触摸设备开发类库 - QUOjs

阅读更多

日期:2012-6-11  来源:GBin1.com

超棒的javascript移动触摸设备开发类库 - QUOjs

当我们准备开发移动网站或者项目的时候,最重要的一点在于有效的控制每一个部分的大小,我们需要尽可能的保证所有文件都足够的小,这样用户才能有非常流畅体验。前面的文章中我们详细介绍过轻量级的移动开发Javascript类库- Zepto.js ,今天这里我们介绍另外一个非常新的javascript类库QUOjs

使用这个类库能够帮助你开发基于移动设备的网站或者应用,它拥有非常迷你的体积,压缩版只有13kb的大小,但包含了你需要的所有必要的功能。

主要特性

  • 支持触摸设备
  • 支持HTML doc操作,事件处理,ajax互动及其移动设备检测
  • 拥有jQuery类似的语法,并且支持不同浏览器平台。
  • 支 持不同触摸事件,包括,touch,tap,double-tap,hold,fingers,swipe,swipe up,swipe right,swipe down,swipe left,drag,更多其它的事件将陆续添加,例如,2 finger tap,Rotate,Pinch out,Pinch。

触摸event

相信需要针对触摸设备设计web应用的朋友来说,是一个相当不错的类库。

如何使用

这个类库使用$$来标示,这样你可以同时使用其它类库的$标示,例如,jQuery。

主要语法如下:

$$(selector).method1()...methodN()

例子:

$$('p > span').html('yoho').style('color', 'red');

是不是和jQuery非常类似。

如果你在寻找一个针对触摸设备开发的类库,

QUOjs肯定是一个不错的选择,如果你希望了解更多,请访问QUOjs的网站,文档相对还是比较详细的。

希望大家喜欢这个类库,如果你任何问题和建议,请给我们留言,谢谢!

 

来源:超棒的javascript移动触摸设备开发类库 - QUOjs

分享到:
评论

相关推荐

    JS日期控件 Kalendae-master

    日期选择插件Kalendae,Kalendae是 一个...当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。

    旅游行业深度解析狂人国:超棒体验,逆势增长-1024-国泰君安-25页.pdf

    【旅游行业深度解析狂人国】这篇报告详细探讨了位于法国的狂人国(PUY DU FOU)主题公园,该公园以其独特的演艺秀和沉浸式体验吸引了大量游客,成为了法国第二大主题乐园,并且在全球范围内获得了高度认可。...

    Moment.js 不容错过的超棒Javascript日期处理类库

    Moment.js是一个在JavaScript开发中广泛使用的日期处理库,它的出现极大地方便了开发者在处理日期和时间上的需求。由于JavaScript原生API在处理日期和时间方面存在诸多不便,Moment.js应运而生,旨在提供一个简单而...

    效果超棒的Webgl模型-实木餐桌

    这可能意味着模型不仅具有良好的外观,而且在性能优化方面也做得很好,能在各种设备上流畅运行,包括移动设备。 在压缩包子文件的文件名称列表中,只有"实木餐桌"这一项,这可能是模型的主文件名或者是包含所有相关...

    :robot:精选的超棒物联网项目和资源清单。-Python开发

    很棒的物联网精选的很棒的物联网项目和资源列表。 受到很棒的清单事物的启发。 目录硬件软件操作系统编程Langua令人敬畏的IoT令人敬畏的物联网项目和资源的精选列表。 受到很棒的清单事物的启发。...

    九个用于移动APP开发的顶级JavaScript框架

    因此,在本博客中,我们将讨论用于开发移动app的顶级JavaScript框架。对于Web开发而言,JavaScript是一个有前途的编程语言,并且在不久的将来它将依然在这个领域大放光彩。JavaScript在移动app开发上也有同样的影响...

    效果超棒的Webgl模型-人体肺

    考虑到移动设备的普及,响应式设计和触摸事件的处理也是必不可少的。 总的来说,“效果超棒的Webgl模型-人体肺”不仅展示了WebGL在交互式3D图形方面的强大能力,还体现了对生物学知识的理解和建模技术的应用。这种...

    效果超棒的Webgl模型-巴士

    接着,开发者将模型导入到JavaScript代码中,通过编程控制模型的显示、旋转、缩放和移动,甚至可以添加交互性,如点击触发动画或改变视角。 此外,WebGL模型的优化也非常重要,因为复杂的3D图形可能会消耗大量计算...

    效果超棒的Webgl模型-驱逐舰

    "效果超棒的Webgl模型-驱逐舰"表明,开发人员已经成功地完成了上述步骤,创造出一个引人入胜的3D体验。用户不仅能看到精美的3D模型,还可能能通过交互了解驱逐舰的结构和功能,提高学习或娱乐的价值。这种技术的广泛...

    效果超棒的Webgl模型-孙悟空

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的浏览器中进行三维图形渲染,无需插件支持。这个“效果超棒的Webgl模型-孙悟空”显然是一款利用WebGL技术制作的、以中国古典名著《西游记》中的主角...

    效果超棒的Webgl模型-小丑头像

    1. **WebGL基础**: WebGL基于OpenGL ES 2.0,它是移动设备上的图形处理标准。WebGL允许开发者通过JavaScript直接在浏览器中进行硬件加速的3D渲染,支持顶点、纹理、颜色、深度测试等基本图形操作。 2. **3D模型**: ...

    效果超棒的Webgl模型-两层小公寓3

    5. **用户交互**:用户可以通过鼠标或触摸设备与3D模型进行交互,如旋转、平移、缩放视图,甚至与模型中的对象进行互动,如开关灯、移动家具等。 6. **性能优化**:为了确保在不同设备上流畅运行,WebGL模型需要...

    效果超棒的Webgl模型-海豚2

    为了实现交互性,开发者可能还使用JavaScript来处理用户输入,如鼠标点击或触摸,以改变相机视角、旋转模型或触发特定动画。 此外,优化是WebGL项目中的重要环节,因为3D模型可能会消耗大量计算资源。优化策略包括...

    效果超棒的Webgl模型-单间公寓

    10. **响应式设计**:考虑到网页可能在不同尺寸的设备上查看,设计可能需要适应不同的屏幕分辨率,确保在手机和平板等移动设备上也能良好展示。 总的来说,"效果超棒的Webgl模型-单层小公寓2"是一个综合性的3DWeb...

    效果超棒的Webgl模型-手提包

    1. **WebGL基础**:WebGL基于OpenGL ES 2.0,它是桌面版OpenGL的简化版本,专为移动设备设计。WebGL允许开发者在浏览器中直接处理几何、颜色、纹理等3D元素,实现复杂的视觉效果。 2. **3D建模**:手提包模型可能是...

    效果超棒的Webgl模型-奥迪RS5

    在这个案例中,用户可能可以通过鼠标或触摸操作来旋转、缩放和移动模型,观察车辆的各个细节。 创建这样的3D模型涉及到以下几个关键知识点: 1. **3D建模**:首先,奥迪RS5的3D模型需要通过专业的3D建模软件(如...

    效果超棒的Webgl模型-机甲战士

    用户可能可以通过鼠标或触摸设备与模型互动,比如旋转、缩放、平移视角,或者触发特定的动作和事件。这通常需要结合JavaScript和DOM事件处理来实现。 总的来说,“效果超棒的Webgl模型-机甲战士”展现了WebGL在网页...

Global site tag (gtag.js) - Google Analytics