Zepto源碼分析(一)核心代碼分析Zepto源碼分析(二)奇淫技巧總結(jié) 本文只分析核心的部分代碼,并且在這部分代碼有刪減,但是不影響代碼的正常運(yùn)行。 目錄 * 用閉包封裝Zepto * 開始處理細(xì)節(jié) * 正式處理數(shù)據(jù)(獲取選擇器...
選擇 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 是一個(gè)用于現(xiàn)代瀏覽器的與 jQuery 大體兼容的 Ja...
雖然最近工作中沒有怎么用 zepto ,但是據(jù)說(shuō) zepto 的源碼比較簡(jiǎn)單,而且網(wǎng)上的資料也比較多,所以我就挑了 zepto 下手,希望能為以后閱讀其他框架的源碼打下基礎(chǔ)吧。 源碼版本 本文閱讀的源碼為 zepto1.2.0 閱讀zepto之前需要...
Stack 模塊為 Zepto 添加了 addSelf 和 end 方法。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 改寫原有的方法 filter,add,not,eq,first,last,find,closest,parents,parent,children,siblings.split...
...由于jQuery的源碼有10000多行,設(shè)計(jì)相當(dāng)復(fù)雜,所以決定從zepto開始,分析一個(gè)成熟的框架的代碼結(jié)構(gòu)及執(zhí)行步驟。 網(wǎng)上也有很多zepto的源碼分析,有的給源碼添加注釋,有的談與jQuery的不同,但是都沒有系統(tǒng)的講解zepto框架的代碼...
本次主要分享關(guān)于上一篇區(qū)域2的學(xué)習(xí)。區(qū)域2為Zepto的核心部分,它的結(jié)構(gòu)如下 var Zepto = (function() { var $, zepto = {}; function Z(dom, selector) {} zepto.Z = function(dom, selector) { return new Z(dom, selector) } ...
承接第三篇末尾內(nèi)容,本篇結(jié)合官方 API 進(jìn)入對(duì) Zepto 核心的分析,開始難度會(huì)比較大,需要重點(diǎn)理解幾個(gè)核心對(duì)象的關(guān)系,方能找到線索。 $() 與 Z 對(duì)象創(chuàng)建 Zepto Core API 的首個(gè)方法 $() 按照其官方解釋: Create a Zepto collection ob...
Selector 模塊是對(duì) Zepto 選擇器的擴(kuò)展,使得 Zepto 選擇器也可以支持部分 CSS3 選擇器和 eq 等 Zepto 定義的選擇器。 在閱讀本篇文章之前,最好先閱讀《讀Zepto源碼之神奇的$》。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: r...
...表單數(shù)據(jù),另一部分是觸發(fā) submit 事件,提交表單。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 .serializeArray() $.fn.serializeArray = function() { var name, type,...
...件的封裝,利用 scale 屬性,封裝出 pinch 系列事件。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 整體結(jié)構(gòu) ;(function($){ if ($.os.ios) { var gesture = {}, gestu....
接下來(lái)幾個(gè)篇章,都會(huì)解讀 zepto 中的跟 dom 相關(guān)的方法,也即源碼 $.fn 對(duì)象中的方法。 讀Zepto源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 .forEach() forEach: emptyArray.forEach 因?yàn)?zepto ...
...的限制》),更詳細(xì)地解釋了這個(gè)模塊的應(yīng)用場(chǎng)景。 讀Zepto源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 源碼分析 ;(function($){ var cache = [], timeout $.fn.remove = function(){ return this.eac...
經(jīng)過(guò)前面三章的鋪墊,這篇終于寫到了戲肉。在用 zepto 時(shí),肯定離不開這個(gè)神奇的 $ 符號(hào),這篇文章將會(huì)看看 zepto 是如何實(shí)現(xiàn) $ 的。 讀Zepto源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 ze...
...賴于 fx 模塊,在引入 fx_methods 前必須引入 fx 模塊。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內(nèi)部方法 anim function anim(el, speed, opacity, scale, callback) {...
Zepto 的 Data 模塊用來(lái)獲取 DOM 節(jié)點(diǎn)中的 data-* 屬性的數(shù)據(jù),和儲(chǔ)存跟 DOM 相關(guān)的數(shù)據(jù)。 讀 Zepto 源碼系列文章已經(jīng)放到了github上,歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto1.2.0 GitBook 《reading-zepto》 內(nèi)部方法 attributeData...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺(tái)階。哪里可以獲得...
一、活動(dòng)亮點(diǎn):全球31個(gè)節(jié)點(diǎn)覆蓋 + 線路升級(jí),跨境業(yè)務(wù)福音!爆款云主機(jī)0.5折起:香港、海外多節(jié)點(diǎn)...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說(shuō)合適,...