jQuery源碼解析系列一目錄

起初選擇先看jQuery源碼而不是react的緣由也簡單:jQuery做爲每一個前端會用的第一個框架,雖然過期,但卻又如此普及,因此想看看它是咋設計的。html

從 2019.3.22 到 2019.07.01,前先後後寫了 27 篇文章,但因爲jQuery做爲大而全的框架,
一來 所有看掉太費時間和精力(你能夠從下面的目錄看到,Sizzle引擎、Deferred尚未看),
二來 時間拖得挺久的了,有些厭倦。前端

因此jQuery的源碼解析系列,暫且告一段落了,27 篇文章目錄以下:react

jQurey-3.3.1源碼解析(天啦嚕,它出3.4.1了jquery

節點遍歷git

jQuery的遍歷結構設計之遍歷祖先github

jQuery之documentFragmentapp

當我調用了$().append()後,jQuery內部發生了什麼?框架

jQuery內部對<script>標籤的處理動畫

jQuery的遍歷結構設計之遍歷同胞spa


文檔處理

jQuery之html()的實現

jQuery之text()的實現

jQuery源碼解析之after()/insertAfter()/before()/prepend()的實現

jQuery源碼解析之replaceWith()/unwrap()

jQuery源碼解析之detach()/empty()/remove()/unwrap()

jQuery之getAll()和cleanData()

jQuery源碼解析之clone()


元素操做

jQuery源碼解析之offset()

jQuery源碼解析之position()


樣式操做

jQuery源碼解析之width()

jQuery源碼解析之addClass(),removeClass(),toggleClass()和hasClass()


事件體系

jQuery源碼解析之click()的事件綁定

jQuery源碼解析之trigger()

addEvent.js源碼解析

jQuery源碼解析之你並不真的懂事件委託及target和currenttarget的區別

jQuery源碼解析之jQuery.event.dispatch()

jQuery之事件綁定到觸發全過程及知識點補充

模擬實現jQuery的$().on()和$().trigger()


動畫引擎

jQuery源碼解析之$.queue()、$.dequeue()和jQuery.Callbacks()

jQuery源碼解析之$().animate()(上)

jQuery源碼解析之$().animate()(下)

jQuery之模擬實現$().animate()(上)

jQuery之模擬實現$().animate()(下)

github:https://github.com/AttackXiaoJinJin/jQueryExplain


但願對你有些幫助!


(完)

相關文章
相關標籤/搜索