资源名称: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 "