Cordova 3.x 基础(8) -- 几个不可或缺的lib

阅读更多
(1)Zepto.js http://zeptojs.com/
jQuery绝对是最流行的类库,但是现在对它的批评是越来越多,主要问题是它的大小,即使版本2.0中去除了对于IE6,IE7和IE8的支持,但是仍旧体积比较大,特别对于移动设备来说。 相比人们开始更加关注Vanilla JS http://vanilla-js.com/,它对于DOM处理以外的内容更快,更高效。 对于Hybrid App来说,Zepto.js可能更加合适,因为它是针对移动 WebKit 开发,显得更轻量级。

(2)FastClick https://github.com/ftlabs/fastclick
基于Webkit的浏览都存在click事件300ms延迟,而FastClick能够移除这个延迟加速Touch事件。还有 Tappable,也是不错的选择。
document.addEventListener('deviceready', onDeviceReady, false);
function onDeviceReady() {
  FastClick.attach(document.body); 
}


(3)iScroll  https://github.com/cubiq/iscroll
固定高度的容器内滚动内容,针对jQuery Mobile还有一个iScroll wrapper叫 iScrollview



  
  
  
  
  
  
  Cordova Sample
  












Cordova 3.x 基础(8) -- 几个不可或缺的lib_第1张图片

(4)Hammer.js http://eightmedia.github.io/hammer.js/
多点触控
var hammer = new Hammer(document.getElementById("container"));

hammer.ondragstart = function(ev) { };
hammer.ondrag = function(ev) { };
hammer.ondragend = function(ev) { };

hammer.ontap = function(ev) { };
hammer.ondoubletap = function(ev) { };
hammer.onhold = function(ev) { };

hammer.ontransformstart = function(ev) { };
hammer.ontransform = function(ev) { };
hammer.ontransformend = function(ev) { };


(5)Handlebars http://handlebarsjs.com/
Ember.js使用的是Handlebars模板引擎。



说到Ember.js就应该提提 AngularJS http://angularjs.org/ 它是Google开发的JavaScript MVW Framework,这里有一些参考资料: http://www.iteye.com/news/28651-AngularJS-Google-resource MVC框架层数不穷, TodoMVC 使用各种JavaScript MV*框架实现同一个应用Todo,可以帮助你挑选合适的MV*框架。

(6)Q.js https://github.com/kriskowal/q
Q.js是 Promises/A+规范的一个实现,将嵌套异步序列(Pyramid of Doom)转化为类似同步的序列。
比如,嵌套异步序列:
step1(function (value1) {
    step2(value1, function(value2) {
        step3(value2, function(value3) {
            step4(value3, function(value4) {
                // Do something with value4
            });
        });
    });
});

改造后:
Q.fcall(promisedStep1)
.then(promisedStep2)
.then(promisedStep3)
.then(promisedStep4)
.then(function (value4) {
    // Do something with value4
})
.catch(function (error) {
    // Handle any error from all above steps
})
.done();

当然也还有很多其他的实现,比如:
  • Async.js https://github.com/caolan/async
  • RSVP.js https://github.com/tildeio/rsvp.js
  • when.js https://github.com/cujojs/when
  • AngularJS的$q https://docs.angularjs.org/api/ng/service/$q


参考:
PhoneGap应用开发的那些坑爹事儿
Phonegap踩过的坑
Android Hybrid App四大坑
别闯进Hybrid App的误区
Hybrid App开发实战
Mobile Web App Checklist
  • Cordova 3.x 基础(8) -- 几个不可或缺的lib_第2张图片
  • 大小: 34.1 KB
  • 查看图片附件

你可能感兴趣的:(Cordova,PhoneGap)