浏览 2037 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2012-07-27
下载地址:http://www.shinater.com/DocsBuilder/DocsBuilderGUI.zip DocsBuilder主页:http://www.shinater.com/DocsBuilder.xhtml 像JsDoc Toolkit一样,DocsBuilder也使用javadoc注释规范,那么我们就先注释一个函数试试。 /** * 测试的类。 * @param name 参数名。 */ function MyClass(name){ } 生成的文档的截图: 按照DocsBuilder的帮助介绍,可以为参数指定参数,方法是在注释文本前加上(类型),我们加上类型试试。 /** * 测试的类。 * @param name (String)参数名。 */ function MyClass(name){ } 确定被识别了,效果还不错。接下来,我们为这个类添加属性和方法。 /** * 测试的类。 * @param name (String)参数名。 */ function MyClass(name){ /** * 这是一个属性。 */ this.name = name; /** * 这是一个方法。 */ this.method = function(){ alert(this.name); } } 点击 method 后的效果: 可以看出属性和方法的声明都转换成原型定义了,那么我们就使用原型添加一个复杂的方法。 /** *测试方法2。 * @param param1 (String)参数1。 * @param param2 (String)参数2。 * @return (Number)参数1的长度。 * @throws Error 参数1为null。 */ MyClass.prototype.method2 = function(param1,param2){ return param1.length; } 看来普通代码都能正确处理。在代码复杂的情况下,我们会使用对象模拟一个命名空间,并装入多个类声明。我们试试声明命名空间。 /** * 声明一个对象。 */ var a1 = new Object(); /** * 按DocsBuilder的规定,值为{}的空对象才被认为是命名空间。 */ var a2 = {}; /** * 命名空间下的类。 */ a2.MyClass2 = function(){ } 其它标记今天都不再测试了。 最后,试试修改文档模板,DIY一下。这也是DocsBuilder最突出的功能了。 用记事本打开模板文件type.html,在<body>标记下加上:<a href="#" style="float:right;">访问我的空间</a>。 明天研究一下复杂的模板修改,下次分享给大家。 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |