jquery之源码
jQuery源码分析之Event事件分析
对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1event的包裹 浏览器的事件兼容性是一个令人头疼的问题。IE的event在是在全局的window下，而mozilla的event是事件源参数传入到回调函数中。还有很多的事
日期 2023-06-12 10:48:40
基于jquery的图片幻灯展示源码
复制代码代码如下://图片幻灯展示$(function(){varimgPro={imgWidth:626,//图片宽度imgConLength:0,//图片总长度index:0,//导航锁定索引count:0,//图片数量left:0,//绝对定位leftpre:-1,//上个图片索引curr:0,//当前图片索引next:1,//下个图片索引direction:1,//自动播放方向inter
日期 2023-06-12 10:48:40
通过jQuery源码学习javascript(一)
Jquery这么普及，必有它过人之处，通过开源代码进行学习，是个不错的学习方法啊！以下是我模拟的方法，我尽量简化方法。定义对象C(类似于jquery的$方法)——这个也是jquery设计非常巧妙的地方复制代码代码如下:(function(){var_cQuery=window.cQuery,cQuery=function(){returnnewcQuery.fn.init();};cQuery.
日期 2023-06-12 10:48:40Jquery倒计时源码分享
在静态页添加显示倒计时的容器，并引用下面脚本，代入时间参数即可使用。 timeoutDate——到期时间，时间格式为2014/01/01或2014/1/1 D——天 H——小时 M——分钟 S——秒 xs——数字0~9 效果图： 代码展示： html: 复制代码代码如下:<spanid="top_tuan_countdown"></span> jquery: 复制代码代
日期 2023-06-12 10:48:40
jQuery2.0.3源码分析之core（一）整体架构
拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。 废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过， 不过这几年都是做移动端，一直御用zepto,最近抽出点时间把jquery又给扫一遍 我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！ github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准 整体架构 jQuery框架的核
日期 2023-06-12 10:48:40浅谈jQuery事件源码定位问题
昨天群里有人问了个事件源码定位的问题，简单描述下是这样的。 在一个不是自己写的页面上，如何快速定位到他绑定的事件代码在哪？(页面用的是jQuery) 这个问题，说难不难，说简单也没那么简单，万一用的是委托之类也会麻烦点。 在chrome的控制台里有个EventListeners，这里会显示你所选择元素的事件，如果是原生事件，他会直接显示， 你点击一下事件就会跳到对应代码里了，可是jQuery绑定
日期 2023-06-12 10:48:40jQuery源码分析系列(36) : Ajax - 类型转化器
什么是类型转化器？ jQuery支持不同格式的数据返回形式，比如dataType为 xml, json,jsonp,script, or html 但是浏览器的XMLHttpRequest对象对数据的响应只有 responseText与responseXML 二种 所以现在我要定义dataType为jsonp,那么所得的最终数据是一个json的键值对，所以jQuery内部就会默认帮你完成这个转化
日期 2023-06-12 10:48:40jQuery源码分析系列(33) : AJAX中的前置过滤器和请求分发器
jQuery1.5以后，AJAX模块提供了三个新的方法用于管理、扩展AJAX请求，分别是： 1.前置过滤器 jQuery. ajaxPrefilter 2.请求分发器 jQuery. ajaxTransport， 3.类型转换器 ajaxConvert 源码结构： jQuery.extend({ /** * 前置过滤器 * @type {[type]}
日期 2023-06-12 10:48:40jQuery源码-美元$的若干种使用方法
本文还可在github上查看，可点击这里~~~~ jQuery源码-美元$的若干种使用方法 学习jQuery源码，第一步是了解jQuery整体核心代码结构。第二步，当然就是了解无比强大无所不能的美元$。根据平常使用jQuery的经验，你会发现，几乎所有的语句都是以美元开头的，比如： $(function(){ console.log(dom ready 啦！！); 又比如：
日期 2023-06-12 10:48:40jQuery源码-jQuery.fn.attr与jQuery.fn.prop
jQuery.fn.attr、jQuery.fn.prop的区别 假设页面有下面这么个标签，$(#ddd).attr(nick)、$(#ddd).prop(nick)分别会取得什么值？ div id="test" nick="casper" /div 没什么关子好卖，答案如下： $(#test).attr(nick); // "casper" $(#test).prop(nick);
日期 2023-06-12 10:48:40jquery源码系列：append方法实现过程
// Define a local copy of jQuery var jQuery = function( selector, context ) {// The jQuery object is actually just the init constructor enhanced return new jQuery.fn.init( selector, contex // Define
日期 2023-06-12 10:48:40javascript arguments对象研究--针对jquery源码研究再研究
var options = $.extend({}, tooltip_options, customOptions); options.tooltip = text; if (typeof options.tooltip === object){ options.content = options.tooltip;
日期 2023-06-12 10:48:40jQuery源码:从原理到实战
jQuery源码:从原理到实战 jQuery选择器对象 $(".my-class"); document.querySelectorAll*".my-class") document.querySelector(".my-class") 原生JS的jQuery选择器实现方法querySelector jQuery的查找和链式写
日期 2023-06-12 10:48:40【深入浅出jQuery】源码浅析--整体架构
最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，让你感叹代码之美。 其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外，阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识，接下来将会写一系列关于 jQ
日期 2023-06-12 10:48:40JS/Jquery版本的俄罗斯方块(附源码分析)
转载于 http://blog.csdn.net/unionline/article/details/63250597 且后续更新于此 1.前言 写这个jQuery版本的小游戏的缘由在于我想通过从零到有，自己写一个Jquery版本的游戏用来练手，没参考过其他人代码，这样子才不会影响自己的思路。 经历了V1，V2版本，当前版本是V3，版本说明如下： V1: Use two methods
日期 2023-06-12 10:48:40
【前端UI】jQuery easyui源码赏析
引子 jQuery未过时，在一些中小网站中，jQuery还是发挥着瑞士军刀的作用。我们不能为了前后端分离而分离，一些很简单的需求，很简单的页面，free
日期 2023-06-12 10:48:40十三.jQuery源码解析之$.type()
512行:出现了一个class2type. 在jQuery中全局搜索这个变量. 这段代码的意思是将一串字符串通过空格分割成数组,并且使用each遍历数组来初始化class2type. 最终的结果应该是这样的. { "[object Array]":"array", "[object Bool
日期 2023-06-12 10:48:40十.jQuery源码分析之.map()
763行:三个参数. elems:待遍历的数组或对象. callback:回调函数,会在数组的每个元素或对象的每个属性上执行.执行时传入两个参数:数组元素,元素下标;或属性名,属性值. arg:仅限于jQuery内部使用.如果调用$.map()传入了参数arg,则该参数会被传给回调函数callback; 768行的代码有点长,将其个数修改
日期 2023-06-12 10:48:40
八.jQuery源码解析之get()
理论上get是用来返回jQuery对象中部分或全部元素为数组的,但是转换为数组后, 数组中的单个元素又是一个一个dom元素.所以get还有另外一个功效,就是将jQuery对象转换成dom对象. 如果get中的参数为空了,则直接调用toArray(); 如果参数小于0,则表示从元素后面开始计算,如果num>0表示直接返回指定位置的元素.
日期 2023-06-12 10:48:40七.jQuery源码解析之.toArray()
toArray()是将jQuery对象转换成数组 从源码中可以看到,这些常见的方法,都是直接从原生的 javascript中"借鉴"过来的.为什么这么说呢? 225行中,在运行时,this是指向jQuery对象的,通过call语句借鉴slice方法,切割出一个数组出来,这种"借鸡下蛋"的方法,真的是让人拍手叫绝. slice(start,end)是用
日期 2023-06-12 10:48:40十七.jQuery源码解析之入口方法Sizzle(1)
函数Sizzle(selector,context,results,seed)用于查找与选择器表达式selector匹配的元素集合.该函数是选择器引擎的入口. 函数Sizzle执行的6个关键步骤如下: 1.解析选择器表达式,解析出块表达式和关系符. 2.如果存在位置伪类,则从左向右查找: a.查找第一个块表达式匹配的元素集合,得到
日期 2023-06-12 10:48:40五.jQuery源码解析之jQuery.extend(),jQuery.fn.extend()
给jQuery做过扩展或者制作过jQuery插件的人这两个方法东西可能不陌生. jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN]) 这两个属性都是用于合并两个或多个对象的
日期 2023-06-12 10:48:40三.jQuery源码解析之jQuery的框架图
这张图片是对jQuery源码截图,一点一点拼出来的. 现在根据这张图片来对jQuery框架做一些说明. 一.16~9404行可以发现,最外层是一个自调用函数.当jQuery初始化时,这个自调用函数包含的所有js代码都会被执行. 二.在22行中声明的jQuery变量最终接受的是内部创建的jQuery构造器函数. 这个变量在9284行
日期 2023-06-12 10:48:40一.jQuery源码解析之总体架构
1 (function (window, undefined) { 2 //构建jQuery对象 3 var document = window.document, 4 navigator = window.navigator, 5 location = window.lo
日期 2023-06-12 10:48:40