jQuery源码解析系列一目录

39次阅读

共计 1141 个字符,预计需要花费 3 分钟才能阅读完成。

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


希望对你有些帮助!


(完)

正文完
 0