起初选择先看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
希望对你有些帮助!
(完)