美文网首页
zepto源码阅读(1)

zepto源码阅读(1)

作者: 九又四分之三o | 来源:发表于2018-04-21 12:17 被阅读0次
(function (window){
    var zepoto = {};
    function Z(dom, selector){
        var i, len = dom ? dom.length : 0;
        for (i = 0; i < len; i++){
            this[i] = dom[i];
        }
        this.length = len;
        this.selector = selector || '';
    }
    zepto.Z = function(dom, selector){
        return new Z(dom, selector);
    }
    zepto.init = function(selector){
        var slice = Array.prototype.slice;
        var dom = slice.call(document.querySelectorAll(selector))
         return zepto.Z(dom, selector);
    }
    var $ = function(selector) {
        return zepto.init(selector);
    }
    window.$ = $;
    $.fn = {
        css: function (key, value){

        },
        html: function (value) {

        }
    }
    Z.prototype = $.fn; //为什么要写在$.fn下,再定义一个对象不行吗?这样做有什么优点?
})(window)

相关文章

  • zepto源码阅读(1)

  • 读 zepto 源码之工具函数

    Zepto 提供了丰富的工具函数,下面来一一解读。 源码版本 本文阅读的源码为 zepto1.2.0 $.exte...

  • zepto源码阅读

    前言 九月中旬到现在已经工作一个多月了,工作已经逐步上手,现在要开始pace myself,也就是调整自己的工作、...

  • 前端JS进阶五(原型)

    Zepto中如何使用原型 Zepto使用原型源码分析 jQuery中如何使用原型 jQuery使用原型源码分析 原...

  • underscore 源码解析

    之前阅读过 Zepto 源码,感觉直接去读源代码有点难度,但如果结合着源码分析类文章阅读则会轻松很多,而且有利于抓...

  • 读Zepto源码之Stack模块

    Stack 模块为 Zepto 添加了 addSelf 和 end 方法。 读 Zepto 源码系列文章已经放到了...

  • zepto源码解析

    为什么选择zepto?更新慢,源码少,易于学习计划:11月底前完成,每天半个小时。 官网文档zepto源码解析

  • 读Zepto源码之集合操作

    接下来几个篇章,都会解读 zepto 中的跟 dom 相关的方法,也即源码 $.fn 对象中的方法。 读Zepto...

  • js库之zepto0811

    js库之zepto 1.zepto基本概念 01-zepto...

  • 读Zepto源码之代码结构

    虽然最近工作中没有怎么用 zepto ,但是据说 zepto 的源码比较简单,而且网上的资料也比较多,所以我就挑了...

网友评论

      本文标题:zepto源码阅读(1)

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