我知道这一天终将会到来,现在,它来了。
需求
开发 SharePoint 的 CSOM 应用时,经常需要在网页上输出一些信息。
这种需求和 alert 的弹窗、F12 的断点查看信息的场景是不一样的:在这种场景下,你就是端着杯咖啡靠在那里坐着,看着关于应用程序运行的信息不断的在网页上输出,不用去关闭弹窗、也不用去设置断点。
详细的功能需求如下:
输出的信息中自动包含时间
输出的信息按照类型显示不同的样式
输出的信息类型包括:普通信息、调试信息、警告、错误
可选按照时间升序输出信息(稍作修改可以时间降序排列)
设计
原理与实现
首先,来个简单的原理。写一个空的 plugin:
1: $.fn.message=function () {
2: return this;
3: }
这个 plugin 的用法就是:
1: var msg=$("#divMessage")。message();
这里面的关键就是拿到了 this 这个对象,后面的所有代码、功能的实现都依赖于这个对象。
接下来,实现 show 函数来做测试。show 函数将接受消息内容作为参数,然后显示出来:
1: $.fn.message=function () {
2: this.show=function (msg) {
3: this.html(msg);
4: }
5: return this;
6: }
然后,可以这样用:
1:
Messaeg
2:
3: $(document)。ready(function () {
4: var msg=$("#divMessage")。message();
5: msg.show("hello");
6: });
7:
于是,内容就出来了:
接下来,的代码就很简单了(jquery.message.js):
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery