发布于 2016-12-27 07:44:00 | 136 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Firebug使用指南，程序狗速度看过来！

Firebug 网页调试工具

Firebug是网页浏览器 Mozilla Firefox 下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。

---

在FIREBUG里如果一个对象同时拥有length属性和splice方法，就会被firebug显示为数组的形式

 
var obj = {length:0,splice:function(){}} 
console.log(obj) 

猜猜上面会打印出啥？
没错，打印出来的看起来是一个空数组。。。
在FIREBUG里如果一个对象同时拥有length属性和splice方法，就会被firebug显示为数组的形式。。。
如果以前注意过的话就会发现JQUERY就是这么写的，通过选择器打印出来的看起来跟数组一样。
一直以来我都很好奇为毛返回的数组，但是却有数组根本没有的方法，也没有数组该有的方法，比如：pop等
最后通过查资料才发现这么一个有趣的现象。。
但是在IE下面打印出来的就是正常的[Object Object]了。
于是就可以这么玩一下。。。。

 
var push = Array.prototype.push; 
var splice = Array.prototype.splice; 
var a = function() { 
var a = function(name) { 
return new a.fn.init(name) 
} 
a.fn = a.prototype; 
a.fn.init = function(name) { 
　　　　var arr = document.getElementsByTagName(name); 
　　　　merge(this,arr); 
　　} 
a.fn.splice = splice; 
a.fn.init.prototype = a.fn; 
return a; 
}() 
function merge(first, second) {//完全抄袭jquery中的merge方法- - 
var i = first.length || 0, j = 0; 
if( typeof second.length === "number") { 
for(var l = second.length; j < l; j++) { 
first[i++] = second[j]; 
} 
} else { 
while(second[j] !== undefined) { 
first[i++] = second[j++]; 
} 
} 
first.length = i; 
return first; 
} 
a.fn.css = function(pop, val) { 
for(var i = 0; i < this.length; i++) { 
if(this[i].nodeType===1){ 
this[i].style[pop] = val; 
} 
} 
return this; 
} 
var ab = a('div'); 
ab.css('backgroundColor', '#444444').css('borderWidth', '2px').css('borderStyle', 'solid') 

于是，山寨版jquery并且只支持tagName选择器并且只有山寨CSS方法的一个库就诞生了。。