jQuery源码解析系列一目录

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

jQuery之documentFragmentapp

当我调用了$().append()后,jQuery内部发生了什么?框架

jQuery内部对<script>标签的处理动画

jQuery的遍历结构设计之遍历同胞spa


文档处理

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


但愿对你有些帮助!


(完)

相关文章
相关标签/搜索