原文:讀 Zepto 源碼系列

雖然最近工作中沒有怎么用 zepto ,但是據說 zepto 的源碼比較簡單,而且網上的資料也比較多,所以我就挑了 zepto 下手,希望能為以后閱讀其他框架的源碼打下基礎吧。 源碼版本 本文閱讀的源碼為zepto . . 閱讀zepto之前需要了解 javascript 原型鏈和閉包的知識,推薦閱讀王福朋的這篇文章:深入理解 Javascript 原型和閉包,寫得很詳細,也非常易於閱讀。 源碼結 ...

2017-05-22 11:16 0 2382 推薦指數:

查看詳情

Zepto 源碼之集合元素查找

這篇依然是跟 dom 相關的方法,側重點是跟集合元素查找相關的方法。 Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼zepto1.2.0 內部方法 之前有一章《Zepto源碼之內部方法》是專門解讀 zepto ...

Tue May 30 23:32:00 CST 2017 2 1117
zepto源碼注釋

Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫, 它與jquery有着類似的api。 如果你會用jquery,那么你也會用zepto。這段時間公司的事情比較少,所以就把它的源碼看了下,覺得寫的挺好的,所以就有了給它寫注釋的想法。當然,這里面的注釋只是我代碼時對它的理解 ...

Fri Mar 29 23:15:00 CST 2013 17 15091
zepto源碼研究 - zepto.js (zepto.init)

簡要:當我們用$()時,便會直接調用zepto.init 生成zepto對象,那zepto.init是如何根據不同類型的參數來生產指定對象呢? 1:這里首先判斷如果沒有傳入參數,則返回新建的zepto對象 2:如果傳入的是函數,$(function(){}) ,則執行 ...

Wed Jul 06 23:50:00 CST 2016 0 1946
Zepto源碼分析-deferred模塊

源碼注釋    Promises/A+   由於deferred是基於Promise規范,我們首先需要理清楚Promises/A+是什么。   它的規范內容大致如下(此翻譯內容引自這里)  一個promise可能有三種狀態:等待(pending)、已完 ...

Tue Apr 14 06:08:00 CST 2015 2 3471
Zepto源碼分析-ajax模塊

源碼注釋 // Zepto.js // (c) 2010-2015 Thomas Fuchs // Zepto.js may be freely distributed under the MIT license. ;(function($){ var ...

Fri Apr 10 01:37:00 CST 2015 0 2019
Zepto源碼分析-event模塊

源碼注釋 三大核心方法on/off/trigger流程解析 瀏覽器原生支持自定義事件舉例(Zepto自定義事件/瀏覽器事件原理) 方法圖 ...

Fri Apr 03 18:21:00 CST 2015 2 1778
zepto源碼研究 - fx.js

簡要:zepto 提供了一個基礎方法animate來方便我們運用css動畫。主要針對transform,animate以及普通屬性(例如left,right,height,width等等)的transition過渡。 在js中能方便的,靈活的調用animate方法來操作元素動畫。 源碼 ...

Fri Sep 23 18:10:00 CST 2016 0 3923
一個普通的 Zepto 源碼分析(三) - event 模塊

一個普通的 Zepto 源碼分析(三) - event 模塊 普通的路人,普通地瞧。分析時使用的是目前最新 1.2.0 版本。 Zepto 可以由許多模塊組成,默認包含的模塊有 zepto 核心模塊,以及 event 、 ajax 、 form 、 ie ,其中 event 模塊也是比較 ...

Mon Aug 14 21:09:00 CST 2017 3 1199
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM