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