插件分为两类:一类是扩展jquery方法,另一类是扩展jquery对象;
原生js封装(特定功能,特效用function(){}封装,能够重复调用)
用jquery封装的功能或特效叫做插件
分类:扩展对象:对象.eatch(),扩展方法:$.each()
调试工具:
firebug是firefox下的一款开发类插件,现属于firefox的五星强力推荐插件之一,他集HTML查看和编辑、javascript
控制台、网络状态监视器于一体,是开发javascript、css、html、和Ajax的得力助手
firebug内置一个console对象,提供五种显示信息:
console.log()
console.info()一般信息
console.debug()除错信息
console.warn()警告信息
console.error()错误提示
console.dir()显示一个对象所有的属性和方法
console.assert()判断一个表达式或者对象是否为真如果为否,在控制台输出一条相应的信息,并且抛出一个异常
console.trace()跟踪函数的调用轨迹
console.time()
console.timeEnd()与time组合统计代码运行时间
console.profile()分析程序的各个部分的运行时间,找出瓶颈所在。
console.log("测试");
console.info("长信息");
console.debug("可能存在问题");
console.warn("编程不存在问题,浏览器兼容性问题");
console.error("错误");
var div=document.getElementById("div");
console.dir(div);
function add(a,b){
console.trace();
return a+b;
}
function one(){
var c=add(3,4)
return c;
}
one();
占位符:printf
console对象的五个方法都可以使用printf风格的占位符。不过,占位符种类比较少,只支持字符(%s)、
整数(%d或%i)、浮点数(%f)和对象(%o)四种。
var d=new Date();
var arr=[1,3,2,4,5,6];
console.log("今天是%d年%d月%d日",d.getFullYear(),d.getMonth()+1,d.getDate());
console.log("这是一个数组:%o",arr)