讀Zepto源碼之Stack模塊

crossea 發布于2019-08-21 17:03 / 795人閱讀

摘要：讀源碼系列文章已經放到了上，歡迎源碼版本本文閱讀的源碼為改寫原有的方法模塊改寫了以上這些方法，這些方法在調用的時候，會為返回的結果添加的屬性，用來保存原來的集合。方法的分析可以看讀源碼之模塊。

Stack 模塊為 Zepto 添加了 addSelf 和 end 方法。

讀 Zepto 源碼系列文章已經放到了github上，歡迎star: reading-zepto

源碼版本

本文閱讀的源碼為 zepto1.2.0

改寫原有的方法

"filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings".split(",").forEach(function(property) {
  var fn = $.fn[property]
  $.fn[property] = function() {
    var ret = fn.apply(this, arguments)
    ret.prevObject = this
    return ret
  }
})

Stack 模塊改寫了以上這些方法，這些方法在調用的時候，會為返回的結果 ret 添加 prevObject 的屬性，用來保存原來的集合。

.addSelf()

$.fn.andSelf = function() {
  return this.add(this.prevObject || $())
}

addSelf 方法是在鏈式調用以上方法的時候，將原來的集合添加到當前的集合中。add 方法的分析可以看《讀Zepto源碼之Callbacks模塊》。

.end()

$.fn.end = function() {
  return this.prevObject || $()
}

end 方法是將集合還原到前一個狀態，其實就是將上一個集合返回。

GitBook

《reading-zepto》

系列文章

讀Zepto源碼之代碼結構

讀Zepto源碼之內部方法

讀Zepto源碼之工具函數

讀Zepto源碼之神奇的$

讀Zepto源碼之集合操作

讀Zepto源碼之集合元素查找

讀Zepto源碼之操作DOM

讀Zepto源碼之樣式操作

讀Zepto源碼之屬性操作

讀Zepto源碼之Event模塊

讀Zepto源碼之IE模塊

讀Zepto源碼之Callbacks模塊

讀Zepto源碼之Deferred模塊

讀Zepto源碼之Ajax模塊

讀Zepto源碼之Assets模塊

讀Zepto源碼之Selector模塊

讀Zepto源碼之Touch模塊

讀Zepto源碼之Gesture模塊

讀Zepto源碼之IOS3模塊

讀Zepto源碼之Fx模塊

讀Zepto源碼之fx_methods模塊

附文

譯：怎樣處理 Safari 移動端對圖片資源的限制

License

署名-非商業性使用-禁止演繹 4.0 國際 (CC BY-NC-ND 4.0)

最后，所有文章都會同步發送到微信公眾號上，歡迎關注,歡迎提意見：

作者：對角另一面

云服務器 GPU云服務器讀源碼源碼中文說明之源碼編譯模塊 linux 模塊源碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89070.html

讀Zepto源碼之Callbacks模塊

摘要：是禁用回調函數，實質是將回調函數列表置為，同時也將和置為，調用后，等方法不再生效，這些方法的首要條件是存在。效果等同于禁用回調函數。 Callbacks 模塊并不是必備的模塊，其作用是管理回調函數，為 Defferred 模塊提供支持，Defferred 模塊又為 Ajax 模塊的 promise 風格提供支持，接下來很快就會分析到 Ajax模塊，在此之前，先看 Callbacks 模...

zengdongbao 2019-08-20 18:14 評論0 收藏0
讀Zepto源碼之Form模塊

摘要：模塊處理的是表單提交。表單提交包含兩部分，一部分是格式化表單數據，另一部分是觸發事件，提交表單。最終返回的結果是一個數組，每個數組項為包含和屬性的對象。否則手動綁定事件，如果沒有阻止瀏覽器的默認事件，則在第一個表單上觸發，提交表單。 Form 模塊處理的是表單提交。表單提交包含兩部分，一部分是格式化表單數據，另一部分是觸發 submit 事件，提交表單。讀 Zepto 源碼系列文章已...

陳江龍 2019-08-21 17:12 評論0 收藏0
讀Zepto源碼之Data模塊

摘要：的模塊用來獲取節點中的屬性的數據，和儲存跟相關的數據。獲取節點指定的緩存值。如果存在，則刪除指定的數據，否則將緩存的數據全部刪除。為所有下級節點，如果為方法，則節點自身也是要被移除的，所以需要將自身也加入到節點中。 Zepto 的 Data 模塊用來獲取 DOM 節點中的 data-* 屬性的數據，和儲存跟 DOM 相關的數據。讀 Zepto 源碼系列文章已經放到了github上，歡...

wua_wua2012 2019-08-21 17:14 評論0 收藏0
讀Zepto源碼之Gesture模塊

摘要：模塊基于上的事件的封裝，利用屬性，封裝出系列事件。這個判斷需要引入設備偵測模塊。然后是監測事件，根據這三個事件，可以組合出和事件。其中變量對象和模塊中的對象的作用差不多，可以先看看讀源碼之模塊對模塊的分析。 Gesture 模塊基于 IOS 上的 Gesture 事件的封裝，利用 scale 屬性，封裝出 pinch 系列事件。讀 Zepto 源碼系列文章已經放到了github上，歡...

coolpail 2019-08-21 16:43 評論0 收藏0
讀Zepto源碼之fx_methods模塊

摘要：所以模塊依賴于模塊，在引入前必須引入模塊。原有的方法分析見讀源碼之樣式操作方法首先調用原有的方法，將元素顯示出來，這是實現動畫的基本條件。如果沒有傳遞，或者為值，則表示不需要動畫，調用原有的方法即可。 fx 模塊提供了 animate 動畫方法，fx_methods 利用 animate 方法，提供一些常用的動畫方法。所以 fx_methods 模塊依賴于 fx 模塊，在引入 fx_m...

junbaor 2019-08-21 16:59 評論0 收藏0