jQuery - 随笔分类 - chua1989

uploadify使用的一些经验总结

摘要：说说自己使用uploadify的一波三折的曲折过程：之所以要选择uploadify，是源于自己先前使用过jQuery官网的上传文件插件，比较难用（页面写的代码比较多，IE下后台回传需要配置格式【不清楚其他上传插件是否也是这样】），而且一直有IE9上传不成功的问题，到我离开上家公司的时候也一直没有解阅读全文

posted @ 2016-08-24 15:30 chua1989 阅读(17512) 评论(0) 推荐(12)

轮播的实现方式

摘要：水平和垂直轮播实现阅读全文

posted @ 2016-07-27 21:36 chua1989 阅读(2080) 评论(0) 推荐(0)

一些优秀的代码分析与学习【一】

摘要：所有的代码实例都不是直接copy的源码，都结合了本人的理解添加了原理描述与实例（可以直接运行），通俗易懂。 1.jQuery初始化代码段技术亮点：jQuery无new化构建、每次jQuery构建的作用域隔离、jQuery拓展插件。实现源码：分析：每次jQuery函数内部new的作用是隔离作用阅读全文

posted @ 2016-03-23 11:57 chua1989 阅读(2715) 评论(2) 推荐(4)

jQuery-1.9.1源码分析系列完毕目录整理

摘要：jQuery 1.9.1源码分析已经完毕。目录如下 jQuery-1.9.1源码分析系列（一）整体架构 jQuery-1.9.1源码分析系列（一）整体架构续 jQuery-1.9.1源码分析系列（二）jQuery选择器 jQuery-1.9.1源码分析系列（二）jQuery选择器续1 jQuery- 阅读全文

posted @ 2015-12-05 13:54 chua1989 阅读(4626) 评论(13) 推荐(34)

jQuery-1.9.1源码分析系列（十六）ajax——响应数据处理和api整理

摘要：ajax在得到请求响应后主要会做两个处理：获取响应数据和使用类型转化器转化数据 a.获取响应数据获取响应数据是调用ajaxHandleResponses函数来处理。 ajaxHandleResponses的功能有： - 为jqXHR设置所有responseXXX字段(值便是响应数据) - 找到正确阅读全文

posted @ 2015-12-05 07:33 chua1989 阅读(1878) 评论(0) 推荐(0)

jQuery-1.9.1源码分析系列（十六）ajax——ajax处理流程以及核心函数

摘要：先来看一看jQuery的ajax核心处理流程（$.ajax） a. ajax( [url,] options )执行流程第一步，为传递的参数做适配。url可以包含在options中 //传递的参数只是一个对象 if ( typeof url "object" ) { options = url; 阅读全文

posted @ 2015-12-04 21:35 chua1989 阅读(2691) 评论(5) 推荐(1)

jQuery-1.9.1源码分析系列（十六）ajax——jsonp原理

摘要：json jsonp 类型 "json": 把响应的结果当作 JSON 执行，并返回一个JavaScript对象。如果指定的是json，响应结果作为一个对象，在传递给成功处理函数之前使用jQuery.parseJSON进行解析。解析后的JSON对象可以通过该jqXHR对象的responseJSON 阅读全文

posted @ 2015-12-04 15:28 chua1989 阅读(1428) 评论(1) 推荐(2)

jQuery-1.9.1源码分析系列（十六）ajax——ajax框架

摘要：ajax的介绍就不多说了，点击可看. 既然是ajax框架，那么闲谈一谈jQuery的ajax处理思路。现在的浏览器都支持ajax，只不过不同的浏览器使用方法可能有不同（IE使用new window.ActiveXObject("Microsoft.XMLHTTP")，标准浏览器使用new wind 阅读全文

posted @ 2015-12-04 09:26 chua1989 阅读(4704) 评论(0) 推荐(0)

jQuery-1.9.1源码分析系列（十五）动画处理——外篇

摘要：a.动画兼容Tween.propHooks Tween.propHooks提供特殊情况下设置、获取css特征值的方法，结构如下 Tween.propHooks = { _default: { get: function(){...}, set: function(){...} }, scrollTo 阅读全文

posted @ 2015-12-03 16:19 chua1989 阅读(1995) 评论(0) 推荐(0)

jQuery-1.9.1源码分析系列（十五）动画处理——缓动动画核心Tween

摘要：在jQuery内部函数Animation中调用到了createTweens（）来创建缓动动画组，创建完成后的结果为：可以看到上面的缓动动画组有四个原子动画组成。每一个原子动画的信息都包含在里面了。仔细查看createTweens函数，实际上就是遍历调用了tweeners ["*"]的数组中的函数阅读全文

posted @ 2015-12-03 10:14 chua1989 阅读(1563) 评论(0) 推荐(1)

jQuery-1.9.1源码分析系列（十五）动画处理

摘要：首先需要有队列（queue）的基本知识。见上一章。 a.动画入口jQuery.fn.animate函数执行流程详解先根据参数调用jQuery.speed获取动画相关参数，得到一个类似如下的对象；并且生成动画执行函数doAnimation optall = { complete: fnction() 阅读全文

posted @ 2015-12-02 18:04 chua1989 阅读(1302) 评论(0) 推荐(0)

jQuery-1.9.1源码分析系列（十四）一些jQuery工具

摘要：为了给下一章分析动画处理做准备，先来看一下一些工具。其中队列工具在动画处理中被经常使用。 jQuery.fn. queue(([ queueName ] [, newQueue ]) || ([ queueName ,] callback ))(获取或设置当前匹配元素上待执行的函数队列. 如果当前j 阅读全文

posted @ 2015-12-02 11:33 chua1989 阅读(839) 评论(0) 推荐(0)

jQuery-1.9.1源码分析系列（十三）位置大小操作

摘要：先列一下这些个api jQuery.fn.css (propertyName [, value ]| object )（函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值。如果需要删除指定的css属性，请使用该函数将其值设为空字符串("") 注意：1、如果省略了value参数，则表阅读全文

posted @ 2015-12-02 10:03 chua1989 阅读(1500) 评论(1) 推荐(4)

jQuery-1.9.1源码分析系列（十二）筛选操作

摘要：在前面分析的时候也分析了部分筛选操作（详见），我们接着分析,把主要的几个分析一下。 jQuery.fn.find( selector ) find接受一个参数表达式selector：选择器(字符串)、DOM元素(Element)、jQuery对象。分两种情况处理: 第一种，如果传入的参数是非字符串，阅读全文

posted @ 2015-12-01 16:32 chua1989 阅读(1089) 评论(0) 推荐(1)

jQuery-1.9.1源码分析系列（十一） DOM操作续——克隆节点

摘要：什么情况下使用到克隆节点？我们知道在对DOM操作过程中如果直接使用节点会出现节点随操作而变动的情况。比如对节点使用.after/.before/.append等方法后，节点被添加到新的地方，原来的位置上的节点被移除了。有的时候需要保留原来位置上的节点，仅仅是需要一个副本添加到对应位置，这个时候克隆阅读全文

posted @ 2015-12-01 11:24 chua1989 阅读(1518) 评论(0) 推荐(3)

jQuery-1.9.1源码分析系列（十一） DOM操作

摘要：DOM操作包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心处理函数是domManip。 DOM操作函数中后五种方法使用的依然是前面五种方法，源码 j 阅读全文

posted @ 2015-11-24 18:03 chua1989 阅读(1575) 评论(1) 推荐(1)

jQuery-1.9.1源码分析系列（六）延时对象应用——jQuery.ready

摘要：还记不记得jQuery初始化函数jQuery.fn.init中有这样是一个分支 //document ready简便写法$(function(){…}) } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( se 阅读全文

posted @ 2015-11-24 11:16 chua1989 阅读(1731) 评论(2) 推荐(1)

jQuery-1.9.1源码分析系列（十）事件系统——主动触发事件和模拟冒泡处理

摘要：发现一个小点，先前没有注意的 stopPropagation: function() { var e = this.originalEvent; ... if ( e.stopPropagation ) { e.stopPropagation(); } jQuery重载stopPropagation 阅读全文

posted @ 2015-11-23 18:03 chua1989 阅读(1401) 评论(1) 推荐(1)

jQuery-1.9.1源码分析系列（十）事件系统——事件包装

摘要：首先需要明白，浏览器的原生事件是只读的，限制了jQuery对他的操作。举个简单的例子就能明白为什么jQuery非要构造一个新的事件对象。在委托处理中，a节点委托b节点在a被click的时候执行fn函数。当事件冒泡到b节点，执行fn的时候上下文环境需要保证正确，是a节点执行了fn而非b节点。如何保证阅读全文

posted @ 2015-11-20 12:02 chua1989 阅读(1126) 评论(0) 推荐(0)

十五个常用的jquery代码段【转】

摘要：好的文章顶一个回到顶部按钮通过使用 jQuery 中的animate和scrollTop方法，你无需插件便可创建一个简单地回到顶部动画：1 // Back to top2 $('a.top').click(function (e) {3 e.preventDefault();4 $(docu... 阅读全文

posted @ 2015-11-19 17:28 chua1989 阅读(651) 评论(1) 推荐(0)

chua1989

随笔分类 - jQuery

公告