`
yanguz123
  • 浏览: 568543 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery 源码分析 (转)

    博客分类:
  • Web
 
阅读更多

jQuery源码分析(版本1.6.1)

00 前言开光

01 总体架构

02 正则表达式-RegExp-常用正则表达式

03 构造jQuery对象-源码结构和核心函数

03 构造jQuery对象-工具函数

04 选择器 Sizzle-工作原理

04 选择器 Sizzle-设计思路 

04 选择器 Sizzle-从左向右的余热 

04 选择器 Sizzle-块分割器chunker(有图有真相) 

05 异步队列 Deferred

06 浏览器测试 Support

07 数据缓存 Cache

08 队列 Queue

09 属性操作

10 事件处理 Event-概述和基础知识

10 事件处理 Event-源码结构

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

10 事件处理 Event-DOM-ready

11 DOM遍历 Traversing-DOM遍历方法 

11 DOM遍历 Traversing-3个核心函数 

12 DOM操作 Manipulation-核心函数-.domManip() new

12 DOM操作 Manipulation-核心函数-jQuery.buildFragment() new

12 DOM操作 Manipulation-核心函数-jQuery.clean() new

13 CSS操作 CSS-样式表-jQuery.fn.css() new

13 CSS操作 CSS-类样式-addClass+removeClass+toggleClass+hasClass new

14 AJAX 前置过滤器和请求分发器 jQuery.ajaxPrefilter prefilters,jQuery.ajaxTransport transports

14 AJAX 类型转换器 ajaxConvert converters

15 动画分析和扩展 Effects

16 尺寸和大小 Dimensions & Offset

17 插件 Plugins

附录:

如何做jQuery源码分析

如何做jQuery源码分析(更新) new

Java工程师应该向jQuery学习的8点建议

jQuery中的循环技巧

  

 

 

 

 

 

附上每一章的源码注释分析 :https://github.com/JsAaron/jQuery 

 

正在编写的书 - jQuery框架设计

 

作者在慕课网的教程

jQuery源码解析(架构与依赖模块) 64课时

jQuery源码解析(DOM与核心模块)更新中...

 

jQuery源码分析目录(版本2.0.3)

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

jQuery源码分析系列(02) : 选择器

jQuery源码分析系列(03) : 选择器 Sizzle引擎 - 词法解析

jQuery源码分析系列(04) : 选择器 Sizzle引擎 - 解析原理

jQuery源码分析系列(05) : 选择器 Sizzle引擎 - 编译函数

jQuery源码分析系列(06) : 选择器 Sizzle引擎 - 超级匹配

jQuery源码分析系列(07) : 筛选器 Sizzle引擎 - 位置伪类

jQuery源码分析系列(08) : 选择器 Sizzle引擎 - 高效查询

jQuery源码分析系列(09) : 回调对象 - Callbacks

jQuery源码分析系列(10) : 回调对象 - Callback深入

jQuery源码分析系列(11) : 延时对象 - Deferred概念

jQuery源码分析系列(12) : 延时对象 - Deferred源码剖析

jQuery源码分析系列(13) : 数据缓存 - Cache

jQuery源码分析系列(14) : 回溯魔法 - end和pushStack

jQuery源码分析系列(15) : 钩子机制 - 属性操作

jQuery源码分析系列(16) : 深入浏览器兼容 细数jQuery Hooks 属性篇

jQuery源码分析系列(17) : 事件绑定 - bind/live/delegate/on

jQuery源码分析系列(18) : 事件绑定 - 体系结构

jQuery源码分析系列(19) : 事件绑定 - 绑定设计

jQuery源码分析系列(20) : 事件绑定 - 委托设计

jQuery源码分析系列(21) : 事件绑定 - 自定义设计

jQuery源码分析系列(22) : 事件绑定 - 模拟事件

jQuery源码分析系列(23) : DOM操作核心 - domManip

jQuery源码分析系列(24) : DOM操作核心 – buildFragment

jQuery源码分析系列(25) : DOM操作方法(一)

jQuery源码分析系列(26) : DOM操作方法(二)html,text,val

jQuery源码分析系列(27) : 样式操作 – CSS

jQuery源码分析系列(28) : 样式操作 – addClass

jQuery源码分析系列(29) : 元素操作 – 元素大小

jQuery源码分析系列(30) : 元素操作 – 窗口尺寸

jQuery源码分析系列(31) : Ajax - 整体结构

jQuery源码分析系列(32) : Ajax - deferred实现

jQuery源码分析系列(33) : Ajax - 前置过滤器和请求分发器

jQuery源码分析系列(34) : Ajax - 预处理jsonp

jQuery源码分析系列(35) : Ajax - jsonp的实现与原理

jQuery源码分析系列(36) : Ajax - 类型转化器

jQuery源码分析系列(37) : Ajax - 总结

jQuery源码分析系列(38) : 队列操作

jQuery源码分析系列(39) : 动画队列

jQuery源码分析系列(40) : 动画设计

待续...

 


jQuery2.1.1 分析碎片

sizzle分析记录:getAttribute和getAttributeNode

sizzle分析记录:词法分析器(tokenize)

sizzle分析记录:关于querySelectorAll兼容问题

sizzle分析记录:属性选择器

sizzle分析记录:分解流程

sizzle分析记录 : 自定义伪类选择器

 


早起的源码分析是2.0.3版本的,本人也是边看边写,对全局的掌控与细节还有欠缺!

目前正在整理最新的2.1.1的源码,本人自己也将实现一遍,之后会作为配套教材,由浅入深提供给大家学习!

分享到:
评论

相关推荐

    Jquery源码分析 源码

    《jQuery源码分析》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。深入理解其源码对于提升JavaScript编程技能和优化前端性能至关重要。本文将从核心概念、设计...

    jquery源码分析

    jquery源码分析,包括入口技术,选择器入口,以及在选择器使用的时候需要注意的优化思路

    jQuery源码分析系列.pdf

    ### jQuery源码分析系列知识点概览 #### 一、总体架构与核心概念 - **前言开光**:介绍分析jQuery源码的目的和价值,强调通过深入研究源码,可以学习到先进的设计理念和实践技巧。 - **总体架构**:解析jQuery的...

    JQuery源码详细中文注释_Jquery源码分析_

    总结,jQuery源码分析涉及的内容广泛,包括选择器引擎、事件处理、DOM操作、动画效果、Ajax通信以及插件开发等多个方面。深入理解jQuery源码,有助于我们更好地利用它来构建高效、易维护的Web应用。通过阅读中文注释...

    jQuery源码分析-插件

    jQuery源码分析-插件

    jquery api, jquery ui api, jquery源码分析

    深入理解jQuery源码有助于开发者更好地利用其API并优化性能。主要关注点包括: 1. **选择器引擎(Sizzle)**:jQuery 使用Sizzle作为其选择器引擎,它是如何快速高效地解析CSS选择器并找到匹配元素的。 2. **链式...

    jQuery源码分析系列中文PDF版

    资源名称:jQuery源码分析系列 中文PDF版内容简介:jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了Javascript开发开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅...

    jQuery源码分析视频教程

    jQuery源码分析视频教程总计116课,按照jquery每个区段实现的内容,精确地讲解源码中是怎么实现我们开发中用到的jquery得方法的

    jQuery源码分析(1.7)

    ### jQuery源码分析关键知识点详解 #### 一、前言 在深入了解jQuery源码之前,有必要先简要介绍一下jQuery的基本情况及其对JavaScript编程领域的重要意义。jQuery作为一个轻量级、功能丰富的JavaScript库,在Web...

    jquery 源码分析

    ### jQuery源码分析 #### 一、概述 jQuery作为一个卓越的JavaScript库,以其简洁高效的特性在前端开发领域占据了一席之地。与Prototype、YUI、Mootools等其他JavaScript库相比,jQuery更加注重实用性,去除了一些...

    jQuery源码分析-事件(1).

    jQuery源码分析-事件(1).

    jQuery源码分析

    jQuery源码分析 00 前言开光 01 总体架构 03 构造jQuery对象-源码结构和核心函数 03 构造jQuery对象-工具函数 05 异步队列 Deferred 08 队列 Queue 09 属性操作 10 事件处理-Event-概述和基础知识 15 AJAX-前置过滤...

    jQuery源码分析-初步

    jQuery源码分析-初步

    Jquery1.26版本的源码分析

    Jquery1.26版本的源码分析,pdf格式文档,相当清淅的书籍,前端开发者必看的类库书籍,虽然网上有很多jQuery的实例,但真正深入分析介绍jQuery源码细节的文档太少了,所以本篇文稿希望是你期待的,文档内容包括:...

    jQuery源码分析-魔术方法

    jQuery源码分析-魔术方法

    jQuery源码分析-03构造jQuery对象

    ### jQuery源码分析—构造jQuery对象 #### 一、源码结构概览 根据所提供的文件内容,本节将深入分析如何构建jQuery对象及其核心构造逻辑。首先,让我们从整体上理解jQuery构造函数的设计思路。 ##### 总体结构 ...

    Jquery1.2.6 源码分析

    Jquery1.2.6源码分析及源码文件 博文链接:https://jljlpch.iteye.com/blog/234218

    [pdf]Jquery1.2.6源码分析

    jQuery 是一个非常优秀的 JS 库,与 Prototype,YUI,Mootools 等众多的 Js 类 库相比,它剑走偏锋,从web开发的...这就是本源码分析的原因,让所有使用 jQuery 的读者,能快速 上手 jQuery的源码,并在开发中得心应用。

Global site tag (gtag.js) - Google Analytics