Jquery源码

jQuery源码中的驼峰命名jQuery.camelCase

仁怀，感恩，真心感谢那些默默付出的人们。var//防止$('p').css('-ms-transform','scale(1)')出错rmsPrefix=/^-ms-/,//注意细节小括号rdashAlpha=/-([a-z])/g,//源码中的参数名字稍作修改下更加好理解些fcamelCase=function(dashAlpha,Alpha){returnletter.toUpperCase(
coderMozart·2017-03-04 17:26

jQuery源码探索之路（5）-- $.each, .hasClass(), .addClass()等的实现

自己最近在学习一些JS插件的写法，那么当然就绕不开jquery，于是自己就边学习边模仿，写一个自己的jQuery自己也是在学习过程中，有问题请各位指出，希望大伙能多多支持，给给star，点点赞呗，源码github地址Paste_Image.png这次我们来实现each,hasClass,addClass,removeClass的方法。each其实each很简单，就是封装了一层遍历罢了。所以直接开写
火花_·2017-03-02 09:15

jQuery 源码系列（一）总体架构

决定你走多远的是基础，jQuery源码分析，向长者膜拜！我虽然接触jQuery很久了，但也只是局限于表面使用的层次，碰到一些问题，找到jQuery的解决办法，然后使用。
songjz·2017-02-16 00:00

JS基础篇--如何用JavaScript判断dom是否有存在某class的值？

1.jquery的实现方式$("html").hasClass('no-js');jquery源码的实现方式：varrclass=/[\t\r\n\f]/g;jQuery.fn.extend({hasClass
风雨后见彩虹·2017-02-14 00:00

jQuery源码分析之sizzle选择器详解

前言Sizzle原本是jQuery中用来当作DOM选择器的，后来被JohnResig单独分离出去，成为一个单独的项目，可以直接导入到项目中使用。点击这里下：jquery/sizzle。本来我们使用jQuery当作选择器，选定一些#id或.class，使用document.getElementById或document.getElemensByClassName就可以很快锁定DOM所在的位置，然后返
渔人·2017-02-13 10:09

jQuery源码分析之init的详细介绍

init构造器由于这个函数直接和jQuery()的参数有关，先来说下能接受什么样的参数。源码中接受3个参数：init:function(selector,context,root){...}jQuery()，空参数，这个会直接返回一个空的jQuery对象，returnthis。jQuery(selector[,context])，这是一个标准且常用法，selector表示一个css选择器，这个选择
渔人·2017-02-13 10:56

如何用js判断dom是否有存在某class的值

1.jquery的实现方式$("html").hasClass('no-js');jquery源码的实现方式：varrclass=/[\t\r\n\f]/g;jQuery.fn.extend({hasClass
孟然·2017-02-13 09:26

jQuery源码分析3-jQuery对象的扩展--extend

写过jquery插件的人都知道可以通过jquery提供的extend可以对jquery对象进行扩展，而且该方法不仅可以对jquery对象扩展，还能给一个对象添加新的属性和方法，这个在后面会介绍。通过不同的方式调用extend扩展的方法也不同：通过$.extend()扩展的是静态方法；而通过$.fn.extend()扩展的是实例方法。写过jQuery插件的通过应该都知道，很多时候我们都是使用exte
大雾·2017-01-19 00:00

JQuery.extend()详解

JQuery源码解析·extend()详解1.$.extend(src)该方法将src合并到jquery的实例对象中去jQuery.extend(target[,object1][,objectN])下面是一个例子
kasmine·2017-01-07 18:00

jquery源码解析

jquery是前端常用的库，它的源码也是十分的精妙，我本着敬畏之心来分析它，jquery代码未压缩总共有11009行，这么多的代码一行一行的看下去不知道要看到猴年马月，为何不换一种方式，我们先掌握它的主干，以后有时间再去研究它的各个分支，在此，我们采用猜想实验法第一个问题：$(),$.each(),$('body')等，为什么他们这样写就有效果，大家可以想到了$肯定是个函数，$('body')就是
GarenWang·2017-01-01 21:17

jQuery源码分析2-JQ对象添加一些方法和属性

我们先看看jQuery的原型中初始化了哪些属性和方法：jQuery.fn=jQuery.prototype={jquery:core_version,//jquery版本号constructor:jQuery,//构造器指向init：//jquery的入口函数，主要用来实现选择器和DOM节点的创建selector：//将选择器进行存储length://当前选择器存储的DOM节点的个数toArray
大雾·2016-12-29 00:00

jQuery源码分析1-jQuery对象的初始化

1、命名空间为什么要使用命名空间？在一些语言中会看到有命名空间的概念，可在js中并没有，但是可以通过闭包来实现。在js闭包中定义的变量会被保存到一个作用域且不会污染全局变量，在程序运行完之后也不会被销毁。我们可以看到，jQuery的做法就是使用了一个匿名函数形成一个闭包,然后该匿名函数自调用，所有的代码都在这个闭包中完成，这样就不会对全局变量污染，但是无法在其他地方访问该闭包内的变量，所以我们可以
大雾·2016-12-27 00:00

jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法

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

js便签笔记（7）——style、currentStyle、getComputedStyle区别介绍

转者语：今天看jQuery源码CSS部分，里面用到了currentStyle和getComputedStyle来获取外部样式。
finder_007·2016-12-22 00:41

学习前端优秀资源总结

博客/网站/…伯乐在线http://web.jobbole.comjQuery源码分析系列http://www.cnblogs.com/aaronjs/p/3279314.html【司徒正美】-博客园http
Yeoman92·2016-11-20 21:05

jQuery源码解析

自从学完JavaScript原生操作DOM的方法后有了一定基础后，就正式进入jQuery的学习；当学完jQuery的时候，回过头来才发现jQuery在操作DOm功能上的强大性；此时，在使用的过程中，不仅会对源码产生一定的好奇，相信各位童鞋也会有笔者这样一种体验，隐隐约约会写出类似这样的代码来：$('div').attr('titiel','javascript')->vardiv=document
犯迷糊的小羊·2016-11-16 22:10

jquery源码笔记2-初始化函数

一、先看一个函数hasOwnPropertyforin的时候，它会把对象的属性(包括原型的属性)遍历一遍，例如:有这么一段代码：vararray=[];array.push(1);array.push(2);array.push(3);for(variinarray){console.log(i+":"+array[i]);}此时会输出什么呢？当然是0:11:22:3但是如果在forin之前加上A
javaduqing·2016-10-30 20:09

jquery源码笔记1-匿名自执行函数

//在jquery源码中是这样做的：把要暴漏的变量或函数挂载到window对象上(function(){vara=10;function$(){alert(a);}window.$=$;})();$()
javaduqing·2016-10-30 14:09

jQuery源码:从原理到实战

jQuery源码:从原理到实战  jQuery选择器对象$(".my-class");document.querySelectorAll*".my-class")document.querySelector
大树2·2016-10-28 11:00

JS 中的事件冒泡与捕获

最近在看JQuery源码，感触很多，总想着用原生的JS去实现自己的一个JQuery库。说实在的，JQuery里面很多函数和思路，是千百开源工作者长期的贡献，哪能是短时间就能消化的了。
songjz·2016-10-17 00:00

jQuery源码剖析学习笔记

jQuery源码剖析学习笔记今天复习了下jQuery的事件绑定机制，记录一下jQuery源码剖析（一）1.沙箱的第二个参数undefined(function(window,undefined){//用一个函数域包起来
AmberDeng·2016-09-12 14:20

阿里一面总结

jquery源码前端框架：backboneAngular.jsVue.js前后端分离this的指向canvas与SVGhtml5css3正则表达式对象与继承的实现跨域性能优化前端安全职业规划为什么学前端
chanda_yang·2016-08-09 15:36

最近在公司闲的一米，给自己定一个计划

【备注】逐行分析jQuery源码的奥秘
天才老王1993·2016-08-05 15:00

jQuery源码分析笔记-构造jQuery对象（三）

jQuery对象是一个类数组对象，含有连续的整型属性、length属性和大量的jQuery方法，jQuery对象由构造函数jQuery()创建，$()则是jQuery()的缩写。调用构造函数jQuery()时传入的参数不同，创建jQuery对象的逻辑也会不同，如果图一、jQuery(selector[,context])若传入一个字符串串参数，jQuery会检查这个字符串是选择器表达式还是html
前端岚枫·2016-08-01 11:46

jQuery源码分析系列——来自Aaron

jQuery源码分析系列——来自Aaron转载地址：http://www.cnblogs.com/aaronjs/p/3279314.html版本截止到2013.8.24jQuery官方发布最新的的2.0.3
SUFEIDEYEYE·2016-07-02 14:00

jquery源码学习笔记二：jQuery工厂

window:this,function(window,noGlobal){ //factory实现，jquery源码主体部分 }));那么这个生成jQuery
leftfist·2016-06-14 07:00

jQuery源码学习(二)

回调对象Callbacks回调对象Callbacks就是用来管理回调函数队列的。参数说明它提供几个便捷的处理参数-once:确保这个回调列表只执行一次-memory:保持以前的值，将添加到这个列表的后面的最新的值立即执行调用任何回调-unique:确保一次只能添加一个回调(所以在列表中没有重复的回调).-stopOnFalse:当一个回调返回false时中断调用once和stopOnFalse作用
liujie19901217·2016-05-28 15:00

jquery源码学习笔记一：总体结构

练武不练功，到老一场空。计算机也一样。计算机的功，就是原理。如果程序员只会使用各种函数，各种框架，而不知其原理，顶多熟练工人而已。知其然，更要知其所以然。jquery我们用得很爽，但它究竟咋实现的？1、首先，jquery就是一些javascript。而且完全就是一些原始的javascript，没有用其他第三方的库或什么的。它本身就存放在一个js文件里。我们常常张嘴就说：jquery是一个javas
leftfist·2016-05-26 07:00

jQuery源码学习(一)

jQuery的核心理念简洁的API优雅的链式强大的选择器便捷的操作jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作jQuery源码整体放在一个匿名函数执行中(function(window
liujie19901217·2016-05-25 22:00

jQuery each函数源码分析

*jQuery源码分析-each函数*jQuery版本:1.4.2**----------------------------------------------------------*函数介绍**each
且行且思·2016-05-25 14:40

jQuery源码解析(依赖与架构模块)笔记三------回调函数

3-1理解回调函数回调函数就是一个通过函指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针调用它所指向的函数时，我们就说这是个回调函数。首先根据我自己的理解，我先说一下回调函数。比如说一个函数a的参数是函数b，当函数a执行完以后再执行函数b，这个过程就叫回调。eg:functiona(callback){alert("我是parent函数a！");alert("调用回调
Alin_leeon·2016-05-20 09:38

jQuery源码分析--event事件绑定

上文提到，jquery的事件绑定有bind()，delegate()和one()以及live()方式。我用的jQuery2.1.3版本，live()已经被废弃了。bind()，delegate()和one()的内部源码。//7491行 bind:function(types,data,fn){ returnthis.on(types,null,data,fn); }, //7498行 delega
u014787301·2016-05-13 22:00

jQuery的XX如何实现？——4.类型检查

于是抽空看了jQuery源码，现在把学习过程中发现的一些彩蛋介绍给大家(⊙０⊙)。下面将使用简化的代码来
覃家辉·2016-05-12 17:00

jQuery的XX如何实现？——3.data与cache机制

于是抽空看了jQuery源码，现在把学习过程中发现的一些彩蛋介绍给大家(⊙０⊙)。下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>___）；3.ele
覃家辉·2016-05-11 20:00

jQuery的XX如何实现？——2.show与链式调用

于是抽空看了jQuery源码，现在把学习过程中发现的一些彩蛋介绍给大家(⊙０⊙)。
覃家辉·2016-05-10 17:00

随笔：用心良苦 - 理解 jQuery 的构造函数

其实我刚开始看jQuery源码的时候也有这个疑问，下面是jQuery构造函数的关键代码：jQuery=function(selector,context){ returnnewjQuery.fn.init
lihongxun945·2016-05-09 11:00

JQuery面向对象编程快速入门(八)-插件开发

JQuery源码片段分析(function(window){ /** *jQuery是一个函数 是一个对象 是一个构造器函数 */ varjQuery=function(selector,context
Evan_Leung·2016-05-08 22:00

搜狐云平台前端实习生面试总结

一开始我说我正在研究jquery源码。面试官姐姐就问了我一些关于jquery的问题。好多我都答不上来。我并没有后悔我自己给自己挖坑，最起码我学到知识啦。下午在火车站，我把我记得的问题都记下来喽。
u014787301·2016-05-03 18:00

jQuery源码解析(架构与依赖模块)笔记二--核心模块

2.1对象的构建面向对象的语言都有一个特点，他们都会有类的这一概念，通过类可以抽象出创建具体相同方法与属性的对象。函数在充当构造器时，原型prototype是一个重要的概念。prototype是构造函数的一个属性，该属性指向一个对象。而这个对象将作为该构造函数所创建的所有实例的基引用，可以把对象基引用想象成一个自动创建的隐藏属性。当访问对象的一个属性时，首先查找对象本身，找到则返回；若不则查找基引
Alin_leeon·2016-04-26 16:37

jQuery源码解析(架构与依赖模块)笔记二--核心模块

2.1对象的构建面向对象的语言都有一个特点，他们都会有类的这一概念，通过类可以抽象出创建具体相同方法与属性的对象。函数在充当构造器时，原型prototype是一个重要的概念。prototype是构造函数的一个属性，该属性指向一个对象。而这个对象将作为该构造函数所创建的所有实例的基引用，可以把对象基引用想象成一个自动创建的隐藏属性。当访问对象的一个属性时，首先查找对象本身，找到则返回；若不则查找基引
Alin_leeon·2016-04-26 16:00

jQuery源码解析(架构与依赖模块)笔记一

1.3设计模块简洁的API、优雅的链式、强大的选择器、便捷的操作1.4整体架构五大块：选择器、DOM操作、事件、AJAX、动画业务层的门面接口：.ajaxComplete()、.ajaxError()、.ajaxSend()、ajaxStart()、.ajaxStop()、.ajaxSuccess()底层接口：jQuery.ajax()、jQuery.ajaxSetup()快捷方法：jQuery.
Alin_leeon·2016-04-25 21:00

html5游戏开发之-----祖玛小游戏

,今天我尝试在html5的画布上尝试用js写了一个小游戏,开过过程的感悟是:遇到一堆代码的时候,应该首先得出一个整体的框架然后根据这个粗略的框架进行分块开发即使刚开始的时候毫无头绪也要即刻动手昨天在看jQuery
Baron_dream·2016-04-24 10:50

jQuery源码解读一

前言：   我为什么要看这个源码，很简单，寻找我自己写的js框架与jQuery之间的差异，取长补短，最终目标是提高js编程的一个眼界，看看别人是怎么想的，因为自己一个人的想法往往是片面的，也为了能让自己的主观渐渐接近客观事实。   虽然jQuery框架能直接拿来用，但是对于偏爱研究的人来说，还是喜欢写原生js，就好像能自己写操作系统的人不会喜欢去用别人的操作系统，就好像乔布斯不会甘心用别人的产品，
for_cxc·2016-04-11 16:00

jQuery源码解析（5）—— Animation动画

闲话jQuery的动画机制有800行，虽然不如样式的1300行，难度上却是不减。由于事前不了解animate接口的细节使用规则，看代码期间吃了很多苦头，尤其是深恶痛绝的defaultPrefilter函数，靠着猜想和数次的逐行攻略，终于全部拿下。本文将一点一点拆解出jq的动画机制及具体实现，解析各种做法的目的、解耦的方式、必要的结构、增强的辅助功能。需要提前掌握queue队列的知识，css样式机制
梦回forever·2016-04-11 13:13

jQuery源码解析（5）—— Animation动画

闲话jQuery的动画机制有800行，虽然不如样式的1300行，难度上却是不减。由于事前不了解animate接口的细节使用规则，看代码期间吃了很多苦头，尤其是深恶痛绝的defaultPrefilter函数，靠着猜想和数次的逐行攻略，终于全部拿下。本文将一点一点拆解出jq的动画机制及具体实现，解析各种做法的目的、解耦的方式、必要的结构、增强的辅助功能。需要提前掌握queue队列的知识，css样式机制
vbdfforever·2016-04-11 13:00

jQuery源码解析（4）—— css样式、定位属性

闲话原计划是没有这篇博文的，研究animation源码的时候遇到了css样式这个拦路虎。比如jQuery支持“+=10”、“+=10px”定义一个属性的增量，但是有的属性设置时可以支持数字，有的必须有单位；在对属性当前值读取时，不同的浏览器可能返回不同的单位值，无法简单的相加处理；在能否读取高宽等位置信息上，还会受到display状态的影响；不同浏览器，相同功能对应的属性名不同，可能带有私有前缀等
vbdfforever·2016-04-04 23:00

jQuery源码浅析

这几天看了下jQuery源码，有些收获，解答了我以前对jQuery的疑问，现在我把收获分享给大家。
祖青·2016-04-03 14:00

jQuery源码解析（3）—— ready加载、queue队列

ready、queue放在一块写，没有特殊的意思，只是相对来说它俩可能源码是最简单的了。ready是在dom加载完成后，以最快速度触发，很实用。queue是队列，比如动画的顺序触发就是通过默认队列’fx’处理的。（本文采用1.12.0版本进行讲解，用#number来标注行号）ready很多时候，我们需要尽快的加载一个函数，如果里面含有操作dom的逻辑，那么最好在dom刚刚加载完成时调用。windo
vbdfforever·2016-03-30 02:00

jQuery源码解析（2）—— Callback、Deferred异步编程

闲话这篇文章，一个月前就该出炉了。跳票的原因，是因为好奇标准的promise/A+规范，于是学习了es6的promise，由于兴趣，又完整的学习了《ECMAScript6入门》。本文目的在于解析jQuery对的promise实现（即Deferred，是一种非标准的promise实现），顺便剖析、挖掘观察者模式的能力。建议读完后参考下面这篇博文的异步编程部分，了解Promise、Generator、
vbdfforever·2016-03-26 14:00

推荐个博客

址：http://www.cnblogs.com/aaronjs/category/511281.html艾伦Aaron老师是在慕课网有不少教程，我在看jquery源码的时候，竟然搜索到老师的博客，里面有好多不错的文章
sarah_cw·2016-03-26 00:00
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他