资源名称:jQuery技术内幕:深入解析jQuery架构设计与实现原理

内容简介:

本书首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系,让大家对jQuery的工作原理有大致的印象;进而通过“构造 jQuery 对象”章节分析了构造函数 jQuery() 的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器 Sizzle、异步队列 Deferred、数据缓存 Data、队列 Queue、浏览器功能测试 Support;最后详细分析了功能模块的源码实现,包括:属性操作 Attributes、事件系统 Events、DOM 遍历 Traversing、DOM 操作 Manipulation、样式操作 CSS、异步请求 Ajax、动画 Effects。

本书在分析每个模块时均采用由浅入深的方式,先概述功能、用法、结构和实现原理,然后介绍关键步骤和和分析源码实现。让读者不仅知其然,而且知其所以然。事实上,本书的根本价值在于传达一种通过阅读源码快速成长的方式。无论是前端新人,还是经验丰富的老手,只要是对 Javascript 感兴趣的开发人员,都会从本书中受益。

作者简介:

高云,阿里巴巴资深前端开发工程师(花名墨智),拥有丰富的前端开发经验,擅长 HTML5、CSS、Javascript 等 Web 开发技术和 Java 技术,对Javascript相关技术的应用和实现原理有深入研究和独到见解,曾担任项目经理、前端架构师等职。个人博客 http://nuysoft.com,开源作品有 http://mockjs.com。

资源目录:

第1章 总体架构 1

1.1 设计理念 1

1.2 总体架构 1

1.3 自调用匿名函数 4

1.4 总结 6

第2章 构造 jQuery 对象 6

2.1 构造函数 jQuery() 7

2.1.1 jQuery( selector [, context] ) 7

2.1.2 jQuery( html [, ownerDocument] )、jQuery( html, props ) 8

2.1.3 jQuery( element )、jQuery( elementArray ) 9

2.1.4 jQuery( object ) 9

2.1.5 jQuery( callback ) 10

2.1.6 jQuery( jQuery object ) 10

2.1.7 jQuery() 10

2.2 总体结构 10

2.3 jQuery.fn.init( selector, context, rootjQuery ) 13

2.3.1 12个分支 13

2.3.2 源码分析 14

2.3.3 小结 24

2.4 jQuery.buildFragment( args, nodes, scripts ) 24

2.4.1 实现原理 24

2.4.2 源码分析 25

2.4.3 小结 30

2.5 jQuery.clean( elems, context, fragment, scripts ) 31

2.5.1 实现原理 31

2.5.2 源码分析 32

2.5.3 小结 48

2.6 jQuery.extend()、jQuery.fn.extend() 48

2.6.1 如何使用 48

2.6.2 源码分析 49

2.7 原型属性和方法 53

2.7.1 .selector、.jquery、.length、.size() 54

2.7.2 .toArray()、.get( [index] ) 55

2.7.3 .each( function(index, Element) )、jQuery.each( collection, callback(indexInArray, valueOfElement) ) 56

2.7.4 .map( callback(index, domElement) )、jQuery.map( arrayOrObject, callback( value, indexOrKey ) ) 59

2.7.5 .pushStack( elements, name, arguments ) 62

2.7.6 .end() 64

2.7.7 .eq( index )、.first()、.last()、.slice( start [, end] ) 64

2.7.8 .push( valur, … )、.sort( [orderfunc] )、.splice( start,deleteCount, value, … ) 65

2.7.9 小结 66

2.8 静态属性和方法 67

2.8.1 jQuery.noConflict( [removeAll] ) 69

2.8.2 类型检测:jQuery.isFunction( obj )、jQuery.isArray( obj )、jQuery.isWindow( obj )、jQuery.isNumeric( value )、jQuery.type( obj )、jQuery.isPlainObject( object )、jQuery.isEmptyObject( object ) 70

2.8.3 解析 JSON 和 XML:jQuery.parseJSON( data)、jQuery.parseXML( data ) 75

2.8.4 jQuery.globalEval( code ) 81

2.8.5 jQuery.camelCase ( string ) 82

2.8.6 jQuery.nodeName ( elem, name ) 83

2.8.7 jQuery.trim( str ) 84

2.8.8 数组操作方法:jQuery.makeArray( obj )、jQuery.inArray( value, array [, fromIndex] )、jQuery.merge( first, second )、jQuery.grep( array, function(elementOfArray, indexInArray) [, invert] ) 85

2.8.9 jQuery.guid、jQuery.proxy( function, context ) 91

2.8.10 jQuery.access( elems, key, value, exec, fn( elem, key, value ), pass ) 94

2.8.11 jQuery.error( message )、jQuery.noop()、jQuery.now() 96

2.8.12 浏览器嗅探:jQuery.uaMatch( ua )、jQuery.browser 96

2.8.13 小结 98

2.9 总结 100

第3章 选择器 Sizzle 100

3.1 总体结构 101

3.2 选择器表达式 104

3.3 设计思路 105

3.4 Sizzle( selector, context, results, seed ) 107

3.5 正则 chunker 119

3.6 Sizzle.find( expr, context, isXML ) 121

3.7 Sizzle.filter( expr, set, inplace, not ) 124

3.8 Sizzle.selectors.relative 129

3.8.1 "+" 130

3.8.2 ">" 132

3.8.3 "" 133

3.8.4 "~" 134

3.8.5 dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) 135

3.8.6 dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) 136

3.9 Sizzle.selectors 138

3.9.1 Sizzle.selectors.order 138

3.9.2 Sizzle.selectors.match/leftMatch 139

3.9.3 Sizzle.selectors.find 151

3.9.4 Sizzle.selectors.preFilter 154

3.9.5 Sizzle.selectors.filters 162

3.9.6 Sizzle.selectors.setFilters 165

3.9.7 Sizzle.selectors.filter 166

3.10 工具方法 176

3.10.1 Sizzle.uniqueSort( results ) 176

3.10.2 sortOrder(a, b) 177

3.10.3 Sizzle.contains( a, b ) 182

3.10.4 Sizzle.error( msg ) 182

3.10.5 Sizzle.getText( elem ) 183

3.11 便捷方法 184

3.11.1 Sizzle.matches( expr, set ) 184

3.11.2 Sizzle.matchesSelector( node, expr ) 184

3.12 jQuery 扩展 186

3.12.1 暴露 Sizzle 给 jQuery 186

3.12.2 .find( selector ) 186

3.12.3 .has( target ) 188

3.12.4 .not( selector )、.filter( selecotr ) 189

3.12.5 .is( selector ) 191

3.12.6 .closest( selectors, context ) 193

3.12.7 .index( elem ) 195

3.12.8 .add( selector, context ) 196

3.12.9 jQuery.filter( expr, elems, not ) 197

3.12.10 :animated 198

3.12.11 :hidden、:visible 199

3.13 总结 200

第4章 异步队列 Deferred Object 201

4.1 jQuery.Callbacks( flags ) 202

4.1.1 实现原理和总体结构 204

4.1.2 源码分析 205

4.1.3 小结 219

4.2 jQuery.Deferred( func ) 220

4.2.1 实现原理和总体结构 223

4.2.2 源码分析 224

4.2.3 小结 232

4.3 jQuery.when( deferreds ) 232

4.3.1 实现原理 234

4.3.2 源码分析 234

4.4 异步队列在 jQuery 中的应用 237

4.5 总结 238

第5章 数据缓存 Data 238

5.1 实现原理 239

5.1.1 为 DOM 元素附加数据 239

5.1.2 为 Javascript 对象附加数据 241

5.2 总体结构 242

5.3 jQuery.acceptData( elem ) 244

5.4 jQuery.data( elem, name, data, pvt )、jQuery._data( elem, name, data, pvt ) 245

5.4.1 如何使用 245

5.4.2 源码分析 246

5.4.3 jQuery._data( elem, name, data ) 253

5.4.4 小结 254

5.5 .data( key, value ) 256

5.5.1 如何使用 256

5.5.2 源码分析 256

5.5.3 小结 261

5.6 jQuery.removeData( elem, name, pvt )、.removeData( key ) 262

5.6.1 如何使用 262

5.6.2 源码分析 263

5.6.4 小结 269

5.7 .removeData( key ) 270

5.8 jQuery.cleanData( elems ) 271

5.8.1 应用场景 271

5.8.2 源码分析 273

5.8.3 小结 276

5.9 jQuery.hasData( elem ) 277

5.10 总结 278

第6章 队列 Queue 279

6.1 如何使用 280

AJAX 队列 280

动画队列 + AJAX 队列 281

基于 Javascript 对象 281

6.2 实现原理 282

6.3 总体结构 282

6.4 jQuery.queue( elem, type, data ) 284

6.5 jQuery.dequeue( elem, type ) 286

6.6 .queue( type, data ) 288

6.7 .dequeue( type ) 290

6.8 .delay( time, type ) 291

6.9 .clearQueue( type ) 292

6.10 jQuery._mark( elem, type )、jQuery._unmark( force, elem, type ) 293

6.11 .promise( type, object ) 295

6.11.1 如何使用 295

6.11.2 实现原理 296

6.11.3 源码分析 297

6.11.4 handleQueueMarkDefer( elem, type, src ) 299

6.12 总结 301

第7章 浏览器功能测试 Support 302

第8章 属性操作 Attributes 392

第9章 事件系统 Events 448

第10章 DOM 遍历 Traversing 562

第11章 DOM 操作 Manipulation 577

第12章 样式操作 CSS 618

第13章 异步请求 Ajax 673

第14章 动画 Effects 761

资源截图:

1.png

资源下载资源下载价格6立即支付    升级VIP后免费
本站严重申明:本站创建于香港,主要分享电脑技术以及服务于精简系统爱好者,本站遵守香港的法律法规,并且受到香港法律的保护;本站收集的资源仅供内部学习研究软件设计思想和原理使用,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负; 如果用于其他用途,请购买正版支持作者,谢谢!若您认为本站发布的内容若侵犯到您的权益,请联系站长QQ:304906607 进行删除处理。 本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。如要升级VIP会员,请联系QQ:304906607 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!资源仅供学习参考请勿商用或其它非法用途,否则一切后果用户自负!