Zepto源碼分析(一)核心代碼分析Zepto源碼分析(二)奇淫技巧總結 本文只分析核心的部分代碼,并且在這部分代碼有刪減,但是不影響代碼的正常運行。 目錄 * 用閉包封裝Zepto * 開始處理細節 * 正式處理數據(獲取選擇器...
選擇 Zepto 的理由 Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. Zepto 是一個用于現代瀏覽器的與 jQuery 大體兼容的 Ja...
雖然最近工作中沒有怎么用 zepto ,但是據說 zepto 的源碼比較簡單,而且網上的資料也比較多,所以我就挑了 zepto 下手,希望能為以后閱讀其他框架的源碼打下基礎吧。 源碼版本 本文閱讀的源碼為 zepto1.2.0 閱讀zepto之前需要...
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...
...由于jQuery的源碼有10000多行,設計相當復雜,所以決定從zepto開始,分析一個成熟的框架的代碼結構及執行步驟。 網上也有很多zepto的源碼分析,有的給源碼添加注釋,有的談與jQuery的不同,但是都沒有系統的講解zepto框架的代碼...
本次主要分享關于上一篇區域2的學習。區域2為Zepto的核心部分,它的結構如下 var Zepto = (function() { var $, zepto = {}; function Z(dom, selector) {} zepto.Z = function(dom, selector) { return new Z(dom, selector) } ...
承接第三篇末尾內容,本篇結合官方 API 進入對 Zepto 核心的分析,開始難度會比較大,需要重點理解幾個核心對象的關系,方能找到線索。 $() 與 Z 對象創建 Zepto Core API 的首個方法 $() 按照其官方解釋: Create a Zepto collection ob...
Selector 模塊是對 Zepto 選擇器的擴展,使得 Zepto 選擇器也可以支持部分 CSS3 選擇器和 eq 等 Zepto 定義的選擇器。 在閱讀本篇文章之前,最好先閱讀《讀Zepto源碼之神奇的$》。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: r...
...表單數據,另一部分是觸發 submit 事件,提交表單。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 .serializeArray() $.fn.serializeArray = function() { var name, type,...
...件的封裝,利用 scale 屬性,封裝出 pinch 系列事件。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 整體結構 ;(function($){ if ($.os.ios) { var gesture = {}, gestu....
接下來幾個篇章,都會解讀 zepto 中的跟 dom 相關的方法,也即源碼 $.fn 對象中的方法。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 .forEach() forEach: emptyArray.forEach 因為 zepto ...
...的限制》),更詳細地解釋了這個模塊的應用場景。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 源碼分析 ;(function($){ var cache = [], timeout $.fn.remove = function(){ return this.eac...
經過前面三章的鋪墊,這篇終于寫到了戲肉。在用 zepto 時,肯定離不開這個神奇的 $ 符號,這篇文章將會看看 zepto 是如何實現 $ 的。 讀Zepto源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 ze...
...賴于 fx 模塊,在引入 fx_methods 前必須引入 fx 模塊。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內部方法 anim function anim(el, speed, opacity, scale, callback) {...
Zepto 的 Data 模塊用來獲取 DOM 節點中的 data-* 屬性的數據,和儲存跟 DOM 相關的數據。 讀 Zepto 源碼系列文章已經放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內部方法 attributeData...
ChatGPT和Sora等AI大模型應用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...
圖示為GPU性能排行榜,我們可以看到所有GPU的原始相關性能圖表。同時根據訓練、推理能力由高到低做了...