起初選擇先看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
當我調用了$
().append()後,jQuery內部發生了什麼?框架
文檔處理
jQuery源碼解析之after()/insertAfter()/before()/prepend()的實現
jQuery源碼解析之replaceWith()/unwrap()
jQuery源碼解析之detach()/empty()/remove()/unwrap()
元素操做
樣式操做
jQuery源碼解析之addClass(),removeClass(),toggleClass()和hasClass()
事件體系
jQuery源碼解析之你並不真的懂事件委託及target和currenttarget的區別
jQuery源碼解析之jQuery.event.dispatch()
模擬實現jQuery的$
().on()和$
().trigger()
動畫引擎
jQuery源碼解析之$
.queue()、$
.dequeue()和jQuery.Callbacks()
github:https://github.com/AttackXiaoJinJin/jQueryExplain
但願對你有些幫助!
(完)