摘要:起初选择先看源码而不是的原因也简单作为每个前端会用的第一个框架,虽然过时,但却又如此普及,所以想看看它是咋设计的。
起初选择先看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内部对标签的处理
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
希望对你有些帮助!
(完)
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/105316.html
摘要:阅读源码的时候,想了解虚拟结构的实现,发现在的地方。然而慢慢的人们发现,在我们的代码中布满了一系列操作的代码。源码解析系列源码解析一准备工作源码解析二函数源码解析三对象源码解析四方法源码解析五钩子源码解析六模块源码解析七事件处理个人博客地址 前言 虚拟 DOM 结构概念随着 react 的诞生而火起来,之后 vue2.0 也加入了虚拟 DOM 的概念。 阅读 vue 源码的时候,想了解...
摘要:笔者作为一位,将工作以来用到的各种优秀资料神器及框架整理在此,毕竟好记性不如烂键盘,此前端知识点大百科全书前端掘金,,不定期更新技巧前端掘金技巧,偶尔更新。计算数组的极值技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。 CSS 样式画各种图形 - 前端 - 掘金下面是一些我在 CSS 中经常用到的图案,还有一些是在css-tricks看到的。记录一下,以后会用到。会持续更新… 一、...
摘要:笔者作为一位,将工作以来用到的各种优秀资料神器及框架整理在此,毕竟好记性不如烂键盘,此前端知识点大百科全书前端掘金,,不定期更新技巧前端掘金技巧,偶尔更新。计算数组的极值技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。 CSS 样式画各种图形 - 前端 - 掘金下面是一些我在 CSS 中经常用到的图案,还有一些是在css-tricks看到的。记录一下,以后会用到。会持续更新… 一、...
摘要:欢迎来我的专栏查看系列文章。现在我们再来理一理数组,这个数组目前是一个多重数组,现在不考虑逗号的情况,暂定只有一个分支。源码源码之前,来看几个正则表达式。 欢迎来我的专栏查看系列文章。 select 函数 前面已经介绍了 tokensize 函数的功能,已经生成了一个 tokens 数组,而且对它的组成我们也做了介绍,下面就是介绍对这个 tokens 数组如何处理。 showImg(h...
阅读 3076·2023-04-25 20:43
阅读 1719·2021-09-30 09:54
阅读 1590·2021-09-24 09:47
阅读 2874·2021-09-06 15:02
阅读 3510·2021-02-22 17:09
阅读 1233·2019-08-30 15:53
阅读 1441·2019-08-29 17:04
阅读 1956·2019-08-28 18:22