5

起初选择先看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


希望对你有些帮助!


(完)


小进进
113 声望9 粉丝