jQuery源碼解析系列一目錄

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

從 2019.3.22 到 2019.07.01,前前後後寫了 27 篇文章,但由於jQuery作爲大而全的框架,
一來 全部看掉太費時間和精力(你可以從下面的目錄看到,Sizzle引擎、Deferred還沒有看),
二來 時間拖得挺久的了,有些厭倦。

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

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

節點遍歷

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

jQuery之documentFragment

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

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

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


文檔處理

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


希望對你有些幫助!


(完)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章