jquery源码
_Kay_
欢迎关注我的公众号"独望天涯路"
展开
-
7.jQuery源码动画系统的设计
前言本篇文章以jquery v3.5.1版本为例,跟踪一轮动画的运行过程,窥探其动画系统的设计架构.原创 2020-07-14 14:42:18 · 187 阅读 · 0 评论 -
6.浅尝JQuery源码dom操作的设计架构
前言本篇文章以jquery@1.11.0为例对源码进行了删减抽离出了核心的代码重新实现了.css,.text以及.addClass和.removeClass四个API,通过对这四个API的实现过程可以窥探到jquery底层实现dom操作的设计思想.首先回顾一下上述四个API的使用方法,为实现其源码做准备,假设html如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8原创 2020-06-07 13:00:51 · 156 阅读 · 0 评论 -
5.分析JQuery源码的事件系统
fsqds原创 2020-05-31 18:12:54 · 317 阅读 · 0 评论 -
4.实现jQuery的$.Deferred延迟对象
$.Deferred功能描述以下代码运行三秒后会在控制台输出"执行完毕".$.Deferred函数运行会生成一个延时对象dtd,该对象本身具有很多属性比如resolve,reject,progress.其中在一个异步函数中,比如下面代码中的setTimeout或者ajax回调函数里,如果执行dtd.resolve(),则会立刻执行done里面的函数回调.dtd.reject()会触发fail里面的函数回调.dtd.progress()会触发notify里面的函数回调.如果想详细了解$.Deferr.原创 2020-05-11 20:52:29 · 476 阅读 · 0 评论 -
3.实现jQuery的$.Callbacks函数
功能描述$.Callbacks作为jquery源码中的一个使用非常多的工具函数,为其他的许多模块提供支持.它的主要功能是使用一个add方法添加函数存储到函数队列中,使用fire方法去依次执行队列中的函数.另外我们可以添加各种参数对其执行队列中的函数的种种行为进行控制.下午我们先快速熟悉一下$.Callbacks的基本功能和用法.var cb = $.Callback();cb.add...原创 2020-05-04 15:32:38 · 191 阅读 · 0 评论 -
2.实现jQuery选择器
功能描述用过jquery的同学都知道,在$()函数中可以传递多种参数来生成jquery对象,本次就探究一下如何实现此功能.$()函数中主要接受的参数有以下三种:字符串类型,dom对象和函数.//1.传入字符串类型选择器 $("#container")//2.传入字符串类型html代码$("<div>123</div>")//3.传入dom类型$(...原创 2020-05-02 15:37:30 · 274 阅读 · 0 评论 -
1.实现jQuery构造函数和extend
实现jQuery构造函数现在我们想实现$()这种形式的函数调用并返回一个对象.(function(global){ var $,jQuery; $ = jQuery = function(){ return new jQuery.fn.init(); } jQuery.fn = jQuery.prototype = { init:functi...原创 2020-04-11 18:04:09 · 174 阅读 · 0 评论