美文网首页
zepto 学习

zepto 学习

作者: wjing | 来源:发表于2016-03-18 17:53 被阅读252次

移动端的特殊性

事件
提供一些最新的API

区别

zepto跟jquery很像,封装了常用的工具,框架轻量
jquery mobile集成了UI和jquery,不是轻量级的,高度组件化

EVENT

绑定自定义事件,trigger自定义事件
touch event 需要因为插件

只包含了core ajax event IE兼容
fx性能不太好

zepto入门

(function($){
    var UA = window.navigator.userAgent;
    var click = 'click';
    if(/ipad|iphone|android/.test(UA)){
      click = 'tap';
    }
    var p = $('p');
    p[0].style.display = 'block';
    var sub_nav = $('.sub_nav');
    sub_nav[click](function(){
      var _this = $(this);
      p.hide();
      var id = _this.data('p');
      $('#'+id).show();
    })
  })(Zepto)

其实跟jquery差不多,只是高手的写法更高级。

相关文章

网友评论

      本文标题:zepto 学习

      本文链接:https://www.haomeiwen.com/subject/uixhlttx.html