jQuery源码

前端学习资料收集（持续更新）

Markdown入门指南jQuery源码解析css行高line-height如何处理CSS3属性前缀
饥人谷_张洋源·2021-04-24 01:22

Js编程技巧之jQuery源码（Callbacks模块设计流程与思想）

本文是专栏《Js编程技巧之jQuery源码分析》的第三篇，介绍一下Callback模块。它本质上是一种观察者（订阅者）设计模式。这种模式在jQuery里具体实现是怎样的？
寻梦皮皮虾·2021-04-22 11:29

JQuery源码 4 / 96-283

JQuery.fn=JQuery.prototype={jquery:core_version,//设定JQuery的版本号constructor:jQuery,//将函数指针指向JQuery，这里注意一个点，在我们通过new方法由构建函数创建对象时，我们会对象内部会自动将constructor指针指向构造函数/*functionA(){}vara=newA();a;//A__proto__:co
羊烊羴·2021-04-22 11:31

jQuery源码分析系列 : 整体架构

query这么多年了分析都写烂了，老早以前就拜读过，不过这几年都是做移动端，一直御用zepto,最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准整体架构jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如：$().find().css()
_双眸·2021-04-20 23:58

自调用匿名函数（匿名闭包）解析与调用

打开jQuery源码，首先你会看到这样的代码结构：(function(window,undefined){//})();这是一个自调用匿名函数。什么东东呢？
·2021-04-12 00:47

JQuery源码解析

1.jQuery闭包结构2.jQuery方法的重载3.jQuery的链式调用、增栈、回溯4.jQuery正则与细节优化5.jQuery变量冲突处理noConflict函数6.迭代器$.each7.观察者模式观察者模式所做的工作就是在解耦，让耦合的双方都依赖于抽象，而不是依赖于具体jQuery节点遍历jQuery遍历函数包括了用于筛选、查找和串联元素的方法1.遍历祖先.parent()方法允许我们能
青青玉立·2021-03-12 00:51

jQuery源码-数据类型检测

(function(){"usestrict";varclass2type={};vargetProto=Object.getPrototypeOf;vartoString=class2type.toString;//->Object.prototype.toStringvarhasOwn=class2type.hasOwnProperty;//->Object.prototype.hasOwnP
♛琉璃·2020-12-28 18:06

web前端高级JavaScript - 前端web高级开发知识体系课程大纲

底层运行机制：EC/AO/VO/GO作用域（Scope）和作用域链（Scope-chain）闭包及其两大作用：保存/保护高阶编程：惰性函数/柯理化函数/compse组合函数BAT/TMD经典面试题深入剖析JQuery
一笑程序猴·2020-10-23 13:58

jQuery源码学习笔记(2)

正则篇一、参考资料来源：正则工具:https://www.debuggex.com/正则教程：http://www.cnblogs.com/China3S/archive/2013/11/30/3451971.html《常用正则表达式》二、正则方法汇总：^\s+|\s+$,//去掉首尾空格^[A-Za-z]+$,//匹配不区分大小写的英文字母组成的字符串，也可以写成:^[a-z]+$/i^[a-z
一捆稻草·2020-10-11 15:05

javascript数据变量类型判断(JS变量是否是数组，是否是函数的判断)

objectArray]”;}functionisFunction(o){returnObject.prototype.toString.apply(o)===”[objectFunction]“;}--JQuery
weixin_33894640·2020-09-16 13:37

深入学习jquery源码之show()和hide()

jQueryshow([speed,[easing],[fn]])概述:显示隐藏的匹配元素。这个就是'show(speed,[callback])'无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。参数:speed[,fn]Number/String,Functionspeed
wespten·2020-09-12 22:30

jQuery源码分析之jQuery.param方法详解

buildParams方法源码：varrbracket=/\[\]$/;functionbuildParams1(prefix,obj,traditional,add){varname;//传入的是一个对象，这里是falseif(jQuery.isArray(obj)){//Serializearrayitem.//传入的第二个students是数组，那么会对这个数组再次进行遍历//如果tradi
liangklfang·2020-09-12 22:04

JQuery源码分析 --- 运动animate 基本原理

本文基于JQuery2.0.3版本，下载地址http://pan.baidu.com/s/1hrH1jne在看源码之前我们先看一些小的运动效果Document#div1{width:300px;height:300px;background:red;}$(function(){$('#btn').click(function(){$('#div1').toggle(500);//改变宽高透明度//
weixin_30412577·2020-09-11 10:11

jQuery源码笔记（四、持续更新）【爱创课堂专业做前端】

一、间歇模型我们想让轮播图显示3张图片，我们的编程思路是使用定时器，我们想要使图片每2000ms更换一次，然后完成动画的时间是600ms，那么定时器的时间应该是它们的加和，所以应该是2600msvaridx=0;setInterval(function(){idx++;$("#unit").animate({“top”:-90*idx},500);},2500);拉动的策略就是右按钮的策略：set
icketang_·2020-09-11 07:52

jQuery源码笔记（三、持续更新）【爱创课堂】

一、安徽龙禧定时器就是右按钮点击事件1//右按钮点击事件函数2functionrightBtnFun(){3//防流氓4//当图片在运动时什么都不做5if($imgList.is(":animated")){6return;7}8//老图消失9$imgList.eq(idx).fadeOut();10//信号量改变11idx++;12if(idx>amount-1){13idx=014}15//新
icketang_·2020-09-11 07:52

jQuery源码笔记（一、持续更新）【爱创课堂专业前端培训】

一、jquery1.1jquery历史官网：www.jquery.com看见logo和slogan（口号）：写更少的代码，做更多的事情。官网的自我介绍：jQueryisafast,small,andfeature-richJavaScriptlibrary.jQuery是一个快速、小巧的、特点众多的JavaScript库。ItmakesthingslikeHTMLdocumenttraversal
icketang_·2020-09-11 06:11

jQuery 基础知识总结（超级详细）

最近一直在研读jQuery源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。
素小暖·2020-09-11 01:56

啃jQuery源码，记录所思所想

2017/12/31纪念今天是我们90后最后一次的18岁研读的源码地址：https://github.com/hoyinWong/jquery-1/blob/master/src/data.js&&-发现一个看得懂但是不明白为何这样写的正则，希望有缘人能告知：varrbrace=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/;functiongetData(data){//rbra
hoyin_wong·2020-08-26 22:51

学习 koa 源码的整体架构，浅析koa洋葱模型原理和co原理

学习源码整体架构系列文章如下：1.学习jQuery源码整体架构，打造属于自己的js类库2.学习underscore源码整体架构，打造属于自己的函数式编程类库3.学习lodash源码整体架构，打造属于自己的函数式编程类
frontend_frank·2020-08-25 03:26

jQuery源码学习笔记(5)

浏览器测试Support(已移出jQuery，作用单独插件)根据浏览器是否支持某项特定的功能特性，来决定程序的执行分支由于$.browser基于navigator.userAgent检测浏览器类型，很容易被用户和浏览器欺骗，并且缺乏灵活性和不够全面。因此最好避免编写基于特定浏览器的代码。相对于$.browser，$.support针对浏览器特定特性的检测则更为有效。$.browser的实现代码如下
一捆稻草·2020-08-25 03:59

仿Zepto自动触发事件函数---trigger()

某个博客说，上半年单身已经结束，下半年单身还将继续，莫名喜感去年恬不知耻的去看了jQuery源码，被虐之后接着去看zepto源码，现实给了我很好教训。看不懂，枯燥，味同嚼蜡。
miao淼·2020-08-25 00:06

学习 sentry 源码整体架构，打造属于自己的前端异常监控SDK

学习源码整体架构系列文章如下：1.学习jQuery源码整体架构，打造属于自己的js类库2.学习un
若川·2020-08-24 15:50

学习 underscore 源码整体架构，打造属于自己的函数式编程类库

学习源码整体架构系列文章如下：1.学习jQuery源码整体架构，打造属于自己的js类库2.学习un
若川·2020-08-24 15:47

jQuery源码阅读：类型判断 - type方法

jQuery源码阅读：类型判断type方法letclass2type={}core_toString=class2type.toStringcore_hasOwn=class2type.hasOwnProperty
林崖·2020-08-24 12:17

jQuery源码阅读：swap（）

swap()CSS交换//Amethodforquicklyswappingin/outCSSpropertiestogetcorrectcalculations.//Note:thismethodbelongstothecssmodulebutit'sneededhereforthesupportmodule.//Ifsupportgetsmodularized,thismethodshould
林崖·2020-08-24 12:17

jQuery 源码分析 选择器

打开jQuery源码，一眼看去到处都充斥着正则表达式，jQuery框架的基础就是查询了，查询文档元素对象，所以狭隘的说呢，jQuery就是一个选择器，并这个基础上构建和运行查询过滤器！
matosiki·2020-08-23 08:36

jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/undelegate

Js代码1.10.4.bind().one()2.10.4.1如何使用3..bind(eventType,[eventData],handler(eventObject))在匹配的元素上绑定指定类型的事件处理函数4..bind(eventType,[eventData],preventBubble)第三个参数为false，则阻止浏览器默认行为并停止事件冒泡，默认true5..bind(events
greency·2020-08-22 20:23

jquery源码解读（一）笔记

jquery源码学习，实现大概逻辑（一）笔记jquery是一个库，封装了很多方法。为的就是更加方便使用。首先：分析，第一条。
没入门到放弃·2020-08-22 17:06

jQuery源码分析之tearDown和setup

问题1：如果我绑定focusin，那么底层是如何处理的?在jQuery.event.add方法中special=jQuery.event.special[type]||{};//获取初始事件的对象//Ifselectordefined,determinespecialeventapitype,otherwisegiventypetype=(selector?special.delegateType
liangklfang·2020-08-22 17:44

jQuery源码分析之从on方法看bind,delegate,live,one方法一问

请提前阅读on方法源码分析：点击打开链接bind方法源码：bind:function(types,data,fn){returnthis.on(types,null,data,fn);}delegate方法：delegate:function(selector,types,data,fn){returnthis.on(types,selector,data,fn);}one方法：one:funct
liangklfang·2020-08-22 17:43

jquery源码分析之jQuery事件绑定

当使用类似以下代码时，$(function(){$("#hr_three").click(function(event){alert('阻止时间冒泡');event.stopPropagation();});});点击我jquery会将$("#hr_three")元素与click事件进行绑定，首先jquery会进行事件注册，如下代码：//对以下所有事件进行绑定jQuery.each(("blurf
iteye_7425·2020-08-22 17:57

jquery源码阅读知识储备(3)exec() 方法和match方法

jquery中的源码：quickExpr=/^(?:[^)[^>]*$|#([/w/-]+)$)/,......if(typeofselector==="string"){//ArewedealingwithHTMLstringoranID?match=quickExpr.exec(selector);//得到一个完全匹配和子匹配的数组。.........}在后续代码中大量判断match，matc
hackerhope·2020-08-22 16:11

[原创] jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/undelegate...

作者：nuysoft/高云QQ：47214707EMail：[email protected]声明：本文为原创文章，如需转载，请注明来源并保留原文链接。后文预告：封装事件对象便捷接口解析ready专题10.4.bind().one()10.4.1如何使用.bind(eventType,[eventData],handler(eventObject))在匹配的元素上绑定指定类型的事件处理函数.bin
nuysoft·2020-08-22 15:27

jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/undelegate

Js代码作者：nuysoft/高云QQ：47214707EMail：[email protected]声明：本文为原创文章，如需转载，请注明来源并保留原文链接。后文预告：封装事件对象便捷接口解析ready专题Js代码10.4.bind().one()10.4.1如何使用.bind(eventType,[eventData],handler(eventObject))在匹配的元素上绑定指定类型的事件
mychirs·2020-08-22 15:26

jQuery源码分析-10事件处理-Event-事件绑定与删除-bind/unbind+live/die+delegat/unde

10.4.bind().one()10.4.1如何使用.bind(eventType,[eventData],handler(eventObject))在匹配的元素上绑定指定类型的事件处理函数.bind(eventType,[eventData],preventBubble)第三个参数为false，则阻止浏览器默认行为并停止事件冒泡，默认true.bind(events)绑定多个事件，events
java爱分享·2020-08-22 15:39

2019 重新启程——JavaScript学习之阅读jQuery源码

引言：2019年，reacthooks成功上位，vue3.0发布alpha版，TS使用率的飞速增长，以及大量前端开发工具使用体验的大幅优化和提高等等让越来越多的开发者吐槽前端学不动了的时候，最好的应对方式便是对基础概念的掌握。内功足够强大，才能做到不被别人牵着鼻子走。阅读开源代码是一个很好的方式，首先率选择了jQuery便是里面的内容没有太多足够抽象的设计思想。更多的是对于基础内容的覆盖。同时也包
胡斐·2020-08-22 11:35

jQuery源码 - extend 继承&拷贝 解析

实现原理浅拷贝jQuery.extend(clone,copy)实现原理：效果查看key值不同:以clone、copy合集为准key值相同:value值为基本类型直接覆盖;为对象或数组若则以copy为准；####深拷贝jQuery.extend(true,clone,copy)实现原理：效果查看key值不同:以clone、copy合集为准key值相同:value值为基本类型直接覆盖;为对象或数组嵌
凌乐天·2020-08-22 10:26

写了10年Javascript未必全了解的连续赋值运算

一、引子1.vara={n:1};2.a.x=a={n:2};3.alert(a.x);//-->undefined这是在看jQuery源码时发现这种写法的。
jawayjiang·2020-08-21 19:13

Jquery validate验证表单时多个name相同的元素只验证第一个的问题

下面搜集了五种方法，主要还是前两个提供了解决方案，第三种需要修改jQuery源码：修复jquery.validate插件中name属性相同(如name=’a[]‘)时验证的bug使用jquery.validate
keke_Xin·2020-08-21 14:45

jQuery -- jQuery源码（一）：核心功能

一、jQuery无new构建实例1、$就是jQuery的别称可以在$和jQuery对象挂在在window中，实现全局引用。给Windows对象扩展一个$的属性，让它拿到jQuery构造函数的引用可以用$访问到jQuery的构造函数//jQuery.js(function(root){varjQuery=function(){}root.$=root.jQuery=jQuery;})(this)2、
bobobocai·2020-08-21 13:14

由一个“bug”到鲜为人知的jQuery.cssHooks

在翻jQuery源码的过程中，感觉真是还不能说自己只是会用jQuery，我好像连会用都达不到（逃欢迎关注我的博客，不定期更新中——一个很简单的赋值问题$('#'+id).css({"left":"200
Annnnty·2020-08-21 06:25

学习 redux 源码整体架构，深入理解 redux 及其中间件原理

学习源码整体架构系列文章如下：1.学习jQuery源码整体架构，打造属于自己的js类库2.学习underscore源码整
若川·2020-08-21 02:53

AMD 和 CMD

脚本的无阻塞加载moduleA.js代码console.log("I'mA");/*此处可以放jquery源码使得该文件变大，以便异步加载时看效果*/moduleB.js代码console.log("I'mB
见风仍然是风·2020-08-20 20:01

AMD 和 CMD

脚本的无阻塞加载moduleA.js代码console.log("I'mA");/*此处可以放jquery源码使得该文件变大，以便异步加载时看效果*/moduleB.js代码console.log("I'mB
见风仍然是风·2020-08-20 20:00

jQuery源码解读-理解架构

1、jQuery设计理念正如jQuery的标题：TheWriteLess,DoMore，无疑这就是jQuery的核心理念,这里面让人激动的设计有简洁的API、优雅的链式、强大的查询与便捷的操作。简洁的API$.on$.css$.ajax….优雅的链式varxhr=$.ajax("./example.php").done(function(){alert("success");}).fail(fun
七_五·2020-08-20 19:27

jQuery源码分析之jQuery.eq()和jQuery.get()方法比较

首先来一段测试代码：JS部分：//这里要记住了:通过源码分析，如果length不在有效范围之内那么传入pushStack//的参数是[]也就是空对象，所以返回空的jQuery对象!//打印:function(a,b){returnnewm.fn.init(a,b)}//$("div").constructor.length表示形参的个数alert("选择器构造函数:"+$("div").const
liangklfang·2020-08-20 16:03

jquery源码——noConflict实现

实现方式很简单：在初始化的时候，记录当前全局中jQuery和$两个变量的的值，用_jQuery和_$分别存放，调用noConflict方法时，使用_jQuery和_$分别恢复对应的值，并且返回jQuery对象。//初始化jQuery对象时，调用逻辑如下：//1.记录全局中的jQuery和$变量（此时这两个变量指向生成jQuery对象之前的全局中的变量）var//MapoverjQueryincas
donghu2239·2020-08-20 09:30

【深入浅出jQuery】源码浅析--整体架构

我在github上关于jQuery源码的全文注解，感兴趣的可以围观一下。jQueryv1.10.2源码注解。
linsujue·2020-08-20 07:14

jQuery选择器的结果是prevobject:e.fn.e.init [1]我怎么得到一个元素

varobj=$(".class");console.log(obj);//返回的是prevobject:e.fn.e.init[1]与jQuery源码入口有关要点：构造函数原型对象newContruction
钟小楼·2020-08-19 06:07

妙味课堂：一起学习jQuery源码【逐行分析jQuery源码的奥秘】（妙味课堂笔记）-- 框架接口（1-3）

jQuery的学习版本为：2.0.3匿名函数匿名函数自执行，目的是防止变量污染(function(window,undefined){})(window);内层代码块分析(function(){(21,94)定义了一些变量和函数jQuery=function(){};(96,283)给jQuery对象，添加一些方法和属性(285,347)extend：jQuery的继承方法(349,817)jQu
牍中玉·2020-08-18 06:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他