起初選擇先看jQuery
源碼而不是react
的原因也簡單:jQuery
作爲每個前端會用的第一個框架,雖然過時,但卻又如此普及,所以想看看它是咋設計的。
從 2019.3.22 到 2019.07.01,前前後後寫了 27 篇文章,但由於jQuery
作爲大而全的框架,
一來 全部看掉太費時間和精力(你可以從下面的目錄看到,Sizzle
引擎、Deferred
還沒有看),
二來 時間拖得挺久的了,有些厭倦。
所以jQuery
的源碼解析系列,暫且告一段落了,27 篇文章目錄如下:
jQurey-3.3.1源碼解析(天啦嚕,它出3.4.1了)
節點遍歷
當我調用了$
().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
希望對你有些幫助!
(完)