Jquery源码

jQuery源码分析12--回溯处理的设计（设计代码优化）

回溯处理的设计（设计代码优化）     理解栈存对象的概念，结合游标可以很好的理解在这一小节我将会带领你们了解jQuery对DOM进行遍历背后的工作机制，这样可以在编写代码时有意识地避免一些不必要的重复操作，从而提升代码的性能。关于jQuery对象的包装var$aaron=$("aaron");通过对sizzle的分析，我们可以得知Query选择器最终都是通过DOM接口实现取值的,但是通过jQue
basycia·2015-12-29 16:00

jQuery源码分析11--插件接口的设计，可拓展性

插件接口的设计       如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门- 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。       基于插件接口设计的好处也是颇多的，其中一个最重要的好处是把扩展的功能从主
basycia·2015-12-29 16:00

jQuery源码分析9--静态与实例方法共享设计

静态与实例方法共享设计共同的引用，高效的性能保留上一节分割出2个构造器的疑问，我们先看看jQuery在接口的设计：遍历方法：$(".aaron").each()//作为实例方法存在 $.each()//作为静态方法存在这是最常见的遍历方法，第一条语句是给有指定的上下文调用的，就是(".aaron")获取的DOM合集，第二条语句$.each()函数可用于迭代任何集合，无论是“名/值”对象（JavaS
basycia·2015-12-29 15:00

jQuery源码分析8--小结1

jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如：$().find().css() $().hide().html('....').hide().从上面的写法上至少可以发现2个问题1.jQuery对象的构建方式2.jQuery方法的调用方式 分析一：jQuery的无new构建JavaScript是函数式语言，函数可以实现类，类就是面向对象编程中最基本的概念varaQuery=
basycia·2015-12-29 15:00

jQuery源码分析7--分离构造器

分离构造器通过new操作符构建一个对象，一般经过四步：  A.创建一个新对象 B.将构造函数的作用域赋给新对象（所以this就指向了这个新对象） C.执行构造函数中的代码 D.返回这个新对象最后一点就说明了，我们只要返回一个新对象即可。其实new操作符主要是把原型链跟实例的this关联起来，这才是最关键的一点，所以我们如果需要原型链就必须要new操作符来进行处理。否则this则变成window对象
basycia·2015-12-29 15:00

jQuery源码分析6--jQuery对象的构建

对象的构建面向对象(OOP)的语言都有一个特点，它们都会有类的这一概念，通过类可以抽象出创建具体相同方法与属性的对象。但是ECMAScript中是没有类的概念的，因此它的对象与基于类的语言如java的定义是有所不同的。在JavaScript世界中函数作为“一等公民”，它不仅拥有一切传统函数的使用方式（声明和调用），而且可以做到像简单值一样赋值、传参、返回，这样的函数也称之为第一级函数。不仅如此，而
basycia·2015-12-29 14:00

jQuery源码分析5

jQuery多库共存处理多库共存换句话说可以叫无冲突处理。核心为接管权利的交接，谁当家。就是意思当人多的时候你喊TOM，可能会有好多人回头，为了防止更新或者使用中的冲突，要把使用权空出来。特别要库在编码是注意引入的顺序！！总的来说会有2种情况会遇到：  1、$太火热，jQuery采用$作为命名空间，不免会与别的库框架或者插件相冲突。  2、jQuery版本更新太快，插件跟不上，导致不同版本对插件的
basycia·2015-12-29 13:00

jQuery源码分析4

jQuery中ready与load事件jQuery有3种针对文档加载的方法$(document).ready(function(){ //...代码... }) //documentready简写 $(function(){ //...代码... }) $(document).load(function(){ //...代码... })一个是ready一个是load，这两个到底有什么区别呢？rea
basycia·2015-12-29 13:00

jquery源码学习3

jQuery的类数组对象结构为什么是类数组对象呢？很多人迷惑的jQuery为什么能像数组一样操作，通过对象get方法或者直接通过下标0索引就能转成DOM对象。首先我们看jQuery的入口都是统一的$,通过传递参数的不同，实现了9种方法的重载：1.jQuery([selector,[context]]) 2.jQuery(element) 3.jQuery(elementArray) 4.jQuer
basycia·2015-12-29 10:00

jquery源码分析2

立即调用表达式任何库与框架设计的第一个要点就是解决命名空间与变量污染的问题。jQuery就是利用了JavaScript函数作用域的特性，采用立即调用表达式包裹了自身的方法来解决这个问题。jQuery的立即调用函数表达式的写法有三种：写法1：(function(window,factory){ factory(window) }(this,function(){ returnfunction(){
basycia·2015-12-29 10:00

jquery源码学习1

jQuery整体架构任何程序代码不是一开始就复杂的，成功也不是一躇而蹴的，早期jQuery的作者JohnResig在2005年提议改进Prototype的“Behaviour”库时，只是想让其使用更简单才发布新的jQuery框架。起初JohnResig估计也没料想jQuery会如此的火热。我们可以看到从发布的第一个1.0开始到目前最新的2.1.1其代码膨胀到了9000多行，它兼容CSS3，还兼容各
basycia·2015-12-29 09:00

jQuery源码之$.data()数据缓存

attr()与prop()$.data()或者$(selector).data()可以向元素上添加数据，类似于attr()或者prop()方法。但是attr()或者prop()方法容易形成循环引用，造成内存泄露。例如:require(["math","jquery"],function(math,$){ varobj={ dom:$(".test5")[0], name:"div" }; $(
vuturn·2015-12-21 22:00

jQuery源码分析之jQuery(selector,context)详解

首先我们给出下面的HTML代码： child1 child2 child1 child2 调用方式1：第二个参数context是DOM元素vardoms=$(".child",$("#parent")[0]); console.log(doms);这时候第二个参数是DOM对象，打印[div.child,div.child,prevObject:jQuery.fn.init[1]
liangklfang·2015-12-19 10:00

jQuery源码学习扒一扒jQuery对象初使化

神奇的jQuery可以这样玩jQuery("#id").css()或jQuery("#id").html()这么玩jQuery("#id")这个对象是怎么创建出来的所以打算来扒一扒 //jquery源码部分
KyrieYang·2015-12-17 23:00

jQuery源码学习

jQuery框架学习 1：定义变量和函数 2：给JQ对象，添加一些方法和属性 3：extend：JQ的继承方法 4：JQ.extend()扩展JQ的一些工具方法 5：JQ复杂的选择功能 6:Callbacks:回函对象,函数的统一管理 7:deferred延迟对象,对异步的一个统一管理 8:support:功能检测 9：data()数据缓存 10:queue()队列管理
KyrieYang·2015-12-16 22:00

jQuery源码分析之tearDown和setup

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

细数jQuery源码中那些解决内存泄漏问题

问题1：解决IE6-8中移除自定义事件导致的内存泄漏问题jQuery.removeEvent=document.removeEventListener? function(elem,type,handle){ if(elem.removeEventListener){ elem.removeEventListener(type,handle,false); } }: //如果是IE浏览器那么也要移
liangklfang·2015-12-11 09:00

读jQuery源码之五（ready事件，access）

源码3373-3461：主要包含ready事件//ThedeferredusedonDOMready varreadyList; jQuery.fn.ready=function(fn){ //Addthecallback jQuery.ready.promise().done(fn); returnthis; }; jQuery.extend({ //IstheDOM
Rt-张雪飞·2015-12-10 17:00

jquery源码中ajax方法理解之十五问

问题1：回调函数的上下文是什么?s=jQuery.ajaxSetup({},options),//Callbackscontext//回调函数上下文,默认是自己指定的context，如果没有自己指定context那么就是总的options对象!//在ajaxSetup中的逻辑分为：//第一步url，context直接封装到target上面(因为URL和context都是字符串，不会深度克隆)，其它
liangklfang·2015-12-10 10:30

jquery源码中ajax方法理解之十五问

问题1：回调函数的上下文是什么?s=jQuery.ajaxSetup({},options), //Callbackscontext //回调函数上下文,默认是自己指定的context，如果没有自己指定context那么就是总的options对象! //在ajaxSetup中的逻辑分为： //第一步url，context直接封装到target上面(因为URL和context都是字符串，不会深度克隆
liangklfang·2015-12-10 10:00

js 正则之 判断密码类型

这个思路是我之前看jQuery源码的时候学到的，感觉用在这也不错。先来看代码吧。functiontest(str,re,msg){ varret=str.match(re||/^(\d+)$|
·2015-12-09 11:30

数据类型和typeof操作符

最近在看jquery源码，决定随带总结一些基础的语法知识。今天总结一下数据类型和typeof，这在写js的时候，是不得不知道的知识。
·2015-12-09 10:29

读jQuery源码之四（Callbacks，Deferred，when）

从2850行开始，继续往下读jQuery源码(2850-3043行)进入Callbacks（回调函数管理模块）之前，有几个扩展方法1.dir方法三个参数：elem——dom元素，dir——指定elem的层级名称
Rt-张雪飞·2015-12-08 17:00

【javascript基础】3、变量和作用域

PS：jQuery源码交流群( 239147101)等你来，群里高手云集，让我受益匪浅，尽量少灌水。 变量 javascript中有两种变量
·2015-11-13 21:33

【javascript基础】1、基本概念

最近加入了jQuery源码交流群( 239147101)，虽然有时候在群里不说话，或者在里面扯扯淡，在里面学到了不少知识，群主Aaron是个好人，叶小钗是个牛人，告诉
·2015-11-13 21:32

工具：统计jQuery中各字符串出现次数

源文件(将jQuery源码复制到下面的文本域)： ..
·2015-11-13 20:08

jQuery源码 框架分析（一）

每一个框架都有一个核心，所有的结构都是基于这个核心之上，结构建立好了之后，剩下的就是功能的堆砌。 jQuery的核心就是从HTML文档中匹配元素并对其操作。   就跟一座大楼一样，让我们一步一步了解这座大厦的基石和结构。   1.构造函数 2.链式语法 3.选择器 4.扩展性  一、构造函数 　　我们知道类是面向对象编程的一个重要概念，它是对事物的
·2015-11-13 16:05

jQuery内核详解与实践读书笔记1:原型技术分解1

昨天去图书馆无意间发现了这本《jQuery内核详解和实践》，翻看了一下里面的内容，这正是我寻觅多时剖析jQuery源码的好书。 　　废话不多说，直入正题吧。
·2015-11-13 07:30

从jQuery学细节

前言 最近看了两遍jQuery源码，感觉只是看懂了jQuery的小部分小部分，不过仅此，就已经对john resig佩服的五体投地咯。。 下面附上这位帅哥的靓照，记住吧，是他改变了世界。
·2015-11-13 07:27

javascript面向对象的写法及jQuery面向对象的写法

文章由来：jQuery源码学习时的总结 在JS中，一般的面向对象的写法如下： function Cao(){}//定义一个构造函数 Cao.prototype.init = function()
·2015-11-13 07:38

菜鸟的jQuery源码学习笔记（三）

1 each: function(callback, args) { 2 return jQuery.each(this, callback, args); 3 }, each:这个调用了jQuery.each方法，来遍历当前集合。我们先来看看jQuery.each方法: //args是一个数组 each: function(obj, callback, ar
·2015-11-13 05:23

菜鸟的jQuery源码学习笔记（前言）

前言 相信任何一名前端开发人员或者是前端爱好者都对jQuery不陌生。jQuery简单易用，功能强大，特别是拥有良好的浏览器兼容性，大大降低了前端开发的难度，使得前端开发变得“平易近人起来”。自从本人用了jQuery，顿时感觉到人生再也不是灰色的了，又能够快乐的工作了。 不过在每天码得飞起的同时，我也对jQuery充满好奇，所以也特意的去查了一下资料。现在网上和书店里面有非常多的资料对jQue
·2015-11-13 05:22

jQuery源码分析之=>jQuery的定义

最近写前段的代码比较多，jQuery是用的最多的一个对象，但是之前几次看了源码，都没搞清楚jQuery是怎么定义的，今天终于看明白怎么回事了。记录下来，算是一个新的开始吧。 （文中源码都是jQuery-1.10.2版本的）   先上一段jQuery定义的源码，定义了jQuery为一个function 1 // Define a local copy of jQuery
·2015-11-13 05:05

原生JS研究：学习jquery源码，收集整理常用JS函数

原生JS研究：学习jquery源码，收集整理常用JS函数: 1.
·2015-11-13 05:48

菜鸟的jQuery源码学习笔记（二）

jQuery对象是使用构造函数和原型模式相结合的方式创建的。现在来看看jQuery的原型对象jQuery.prototype: 1 jQuery.fn = jQuery.prototype = { 2 //成员变量和方法 3 } 这里给原型对象起了一个别名叫做jQuery.fn。要注意的是这个jQuery.fn可不是jQuery对象的属性，而是jQuery构造方法本身的
·2015-11-13 03:17

菜鸟的jQuery源码学习笔记（一）

整个jQuery是一个自调用的匿名函数： 1 (function(global, factory) { 2 if (typeof module === "object" && typeof module.exports === "object") { 3 module.exports = global.d
·2015-11-13 03:16

JQuery中$.fn、$.extend、$.fn.extend小记

看了两眼JQuery源码，看看就感觉一头雾水。JQuery本来自己学的就半吊子，再加智商又不惊人。。。当开发插件的时候难免会使用$.fn与$.extend。
·2015-11-13 01:42

jQuery源码分析系列(版本1.9 - 1.10)

jQuery是我们常用的javascript库，我们应该不仅要会用它还要知道它的工作原理。   1.jQuery结构及$方法的工作原理 2.对回调函数操作的Callbacks对象 3.promise规范的Deferred对象 4.异步js：$.Defered的使用 5.Deferred的详解及高级应用 6.缓存对象Data 7.queue队列   8.DOM
·2015-11-13 00:31

javaScript 匿名函数 理解

不知道大家都看过JQuery源码。反正我第一次的时候，上来就傻了。。。 (function( window, undefined ) {.......................})
·2015-11-13 00:20

replace()随笔

今天在读jquery源码时，发现一个以前自己不曾注意过得问题，就是replece()的第二个参数为函数时的问题，以前只是知道replace()的第二个参数可以为函数，但是不知道该怎么操作，今天看到源码里用到了函数作为
·2015-11-12 23:16

Jquery源码中的Javascript基础知识（三）

这篇主要说一下在源码中jquery对象是怎样设计实现的，下面是相关代码的简化版本： 1 (function( window, undefined ) { 2 // code 定义变量 3 jQuery = function( selector, context ) { 4 return new jQuery.fn.init( selector, con
·2015-11-12 22:52

Jquery源码中的Javascript基础知识（二）

接上一篇，jquery源码的这种写法叫做匿名函数自执行 (function( window, undefined ) { // code })( window );  函数定义了两个参数
·2015-11-12 22:51

Jquery源码中的Javascript基础知识（一）

jquery源码中涉及了大量原生js中的知识和概念，文章是我在学习两者的过程中进行的整理和总结，有不对的地方欢迎大家指正。
·2015-11-12 22:51

解决jQuery对表单serialize后出现的乱码问题

通过看jQuery源码可以知道，serialize方法是通过encodeURIComponent编码的，所以解决乱码的最笨方法：  1、重新分解序列化后的值  2、把分解的值重新
·2015-11-12 20:02

Jquery源码中的Javascript基础知识（四）— jQuery.fn.init方法

$() 即调用了jQuery.fn.init方法 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } 下面是init方法代码： 1 init: function( selector, context, rootjQuery ) {
·2015-11-12 19:29

jquery源码分享-回到顶部

1 // JavaScript Document 2 (function($){ 3 var goToTopTime; 4 $.fn.goToTop=function(options){ 5 var opts = $.extend({},$.fn.goToTop.def,options); 6 var $window=$(win
·2015-11-12 19:22

jQuery1.6.1源码分析系列

  jQuery源码分析（版
·2015-11-12 18:33

jQuery源码学习第一天--jQuery框架学习

在学习jquery源码的同时，在网上也看了蛮多jquery源码学习笔记。 这里是对源码学习和别人源码学习笔记的一些总结和心得做一个总结，方便自己后续的学习。
·2015-11-12 16:26

jQuery源码 Ajax模块分析

写在前面： 先讲讲ajax中的相关函数，然后结合函数功能来具体分析源代码。 相关函数： >>ajax全局事件处理程序 .ajaxStart(handler) 注册一个ajaxStart事件处理器。当一个Ajax请求开始， 并且同时无其它未完成的Ajax请求时,jQuery触发ajaxStart事件。 .ajaxSend(handler) 注册一个ajaxSend事件处
·2015-11-12 16:46

jquery源码之事件系统-- jQuery.event

每个网站，交互的核心都是事件。浏览器环境一般提供两种事件绑定的方式： 一个是通过dom句柄的使用。如: element.onclick = function() {} 另一种就是事件委托了，如：docuement.addEventListener(element, function() {}); 基于第二种，不同浏览器也有不用的api接口。这是需要注意的地方 当然，如果使用jquery，这
·2015-11-12 14:58
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他