我知道这一天终将会到来，现在，它来了。
需求
开发 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）：
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css