日期:2012-6-11 来源:GBin1.com
当我们准备开发移动网站或者项目的时候,最重要的一点在于有效的控制每一个部分的大小,我们需要尽可能的保证所有文件都足够的小,这样用户才能有非常流畅体验。前面的文章中我们详细介绍过轻量级的移动开发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。
相信需要针对触摸设备设计web应用的朋友来说,是一个相当不错的类库。
如何使用
这个类库使用$$来标示,这样你可以同时使用其它类库的$标示,例如,jQuery。
主要语法如下:
$$(selector).method1()...methodN()
例子:
$$('p > span').html('yoho').style('color', 'red');
是不是和jQuery非常类似。
如果你在寻找一个针对触摸设备开发的类库,
QUOjs肯定是一个不错的选择,如果你希望了解更多,请访问QUOjs的网站,文档相对还是比较详细的。
希望大家喜欢这个类库,如果你任何问题和建议,请给我们留言,谢谢!
来源:超棒的javascript移动触摸设备开发类库 - QUOjs
分享到:
相关推荐
日期选择插件Kalendae,Kalendae是 一个...当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。
【旅游行业深度解析狂人国】这篇报告详细探讨了位于法国的狂人国(PUY DU FOU)主题公园,该公园以其独特的演艺秀和沉浸式体验吸引了大量游客,成为了法国第二大主题乐园,并且在全球范围内获得了高度认可。...
Moment.js是一个在JavaScript开发中广泛使用的日期处理库,它的出现极大地方便了开发者在处理日期和时间上的需求。由于JavaScript原生API在处理日期和时间方面存在诸多不便,Moment.js应运而生,旨在提供一个简单而...
这可能意味着模型不仅具有良好的外观,而且在性能优化方面也做得很好,能在各种设备上流畅运行,包括移动设备。 在压缩包子文件的文件名称列表中,只有"实木餐桌"这一项,这可能是模型的主文件名或者是包含所有相关...
很棒的物联网精选的很棒的物联网项目和资源列表。 受到很棒的清单事物的启发。 目录硬件软件操作系统编程Langua令人敬畏的IoT令人敬畏的物联网项目和资源的精选列表。 受到很棒的清单事物的启发。...
因此,在本博客中,我们将讨论用于开发移动app的顶级JavaScript框架。对于Web开发而言,JavaScript是一个有前途的编程语言,并且在不久的将来它将依然在这个领域大放光彩。JavaScript在移动app开发上也有同样的影响...
考虑到移动设备的普及,响应式设计和触摸事件的处理也是必不可少的。 总的来说,“效果超棒的Webgl模型-人体肺”不仅展示了WebGL在交互式3D图形方面的强大能力,还体现了对生物学知识的理解和建模技术的应用。这种...
接着,开发者将模型导入到JavaScript代码中,通过编程控制模型的显示、旋转、缩放和移动,甚至可以添加交互性,如点击触发动画或改变视角。 此外,WebGL模型的优化也非常重要,因为复杂的3D图形可能会消耗大量计算...
"效果超棒的Webgl模型-驱逐舰"表明,开发人员已经成功地完成了上述步骤,创造出一个引人入胜的3D体验。用户不仅能看到精美的3D模型,还可能能通过交互了解驱逐舰的结构和功能,提高学习或娱乐的价值。这种技术的广泛...
WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的浏览器中进行三维图形渲染,无需插件支持。这个“效果超棒的Webgl模型-孙悟空”显然是一款利用WebGL技术制作的、以中国古典名著《西游记》中的主角...
1. **WebGL基础**: WebGL基于OpenGL ES 2.0,它是移动设备上的图形处理标准。WebGL允许开发者通过JavaScript直接在浏览器中进行硬件加速的3D渲染,支持顶点、纹理、颜色、深度测试等基本图形操作。 2. **3D模型**: ...
5. **用户交互**:用户可以通过鼠标或触摸设备与3D模型进行交互,如旋转、平移、缩放视图,甚至与模型中的对象进行互动,如开关灯、移动家具等。 6. **性能优化**:为了确保在不同设备上流畅运行,WebGL模型需要...
为了实现交互性,开发者可能还使用JavaScript来处理用户输入,如鼠标点击或触摸,以改变相机视角、旋转模型或触发特定动画。 此外,优化是WebGL项目中的重要环节,因为3D模型可能会消耗大量计算资源。优化策略包括...
10. **响应式设计**:考虑到网页可能在不同尺寸的设备上查看,设计可能需要适应不同的屏幕分辨率,确保在手机和平板等移动设备上也能良好展示。 总的来说,"效果超棒的Webgl模型-单层小公寓2"是一个综合性的3DWeb...
1. **WebGL基础**:WebGL基于OpenGL ES 2.0,它是桌面版OpenGL的简化版本,专为移动设备设计。WebGL允许开发者在浏览器中直接处理几何、颜色、纹理等3D元素,实现复杂的视觉效果。 2. **3D建模**:手提包模型可能是...
在这个案例中,用户可能可以通过鼠标或触摸操作来旋转、缩放和移动模型,观察车辆的各个细节。 创建这样的3D模型涉及到以下几个关键知识点: 1. **3D建模**:首先,奥迪RS5的3D模型需要通过专业的3D建模软件(如...
用户可能可以通过鼠标或触摸设备与模型互动,比如旋转、缩放、平移视角,或者触发特定的动作和事件。这通常需要结合JavaScript和DOM事件处理来实现。 总的来说,“效果超棒的Webgl模型-机甲战士”展现了WebGL在网页...