8.1.13 优化 jQuery 插件 -- 添加事件日志
在传统开发中,软件都包含有事件日志,这样就可以在事件发生时或发生后进行跟踪。在 JavaScript 程序调试中,我们常常使用 alert() 方法来跟踪进程,但是这种做法影响了程序的正常流程,不符合频繁、实时显示事件信息。我们可以模仿其他软件中的调试台 log() 函数,借助这个函数将事件日志信息输出到独立的日志文件中,从而避免中断页面交互进程。
首先,我们为 jQuery 对象添加一个全局函数 log() 。在这个函数中,将把发生的事件信息写入事件日志包含框中。实现代码如下。
- jQuery.log = function(msg){
-
var html = jQuery('<div class="log">
// 在插件包中使用 $ 代替 jQuery
})(jQuery);
这个包装函数接受一个参数,该参数传递的是 jQuery 全局对象,由于参数被命名为 $ ,因此在函数体内就可以安全使用 $ 别名,而不用担心命名冲突。
上述这些规则在插件代码中都必须遵守,如果不遵守这些插件规则,那么自己开发的插件就得不到广泛应用和推广。因此,遵守这些规则非常重要,它不仅能保证插件代码的统一性,还能增加插件的成功几率。
关注
打赏