- 浏览: 121447 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (187)
- javascript前端 (62)
- web服务器 (15)
- windows系统 (5)
- 设计模式 (4)
- html5 (12)
- linux (1)
- css (5)
- 服务端软件 (7)
- 自动化 (4)
- java (13)
- 数据库交互 (3)
- 备忘 (1)
- 社会 (1)
- python (3)
- 创业 (2)
- c/c++ (1)
- android (3)
- ti (1)
- 前端框架 (4)
- 安全 (4)
- ios (3)
- 软硬结合 (2)
- 学习态度与方法 (1)
- 编程方法 (5)
- 重要商业设计资讯 (1)
- 浏览器兼容 (2)
- mysql (1)
- 教学 (2)
- mac (1)
- tools (1)
- 思想文化 (2)
- 管理心理学 (2)
最新评论
-
堕落的魔魔:
收下了。正好需要用
xml转为json之 zepto版
像其他的许多编程语言一样,在一般的软件开发人员看来,JavaScript也有一个基本的缺陷:编写(或者重新编写)一个功能通常相对容易,但是要阅读现有的代码,并明确它是如何工作的, 就不那么轻松了。编写代码时可以适当地增加注释,这样当其他开发人员要理解代码如何工作,特别是要修改代码的功能时,就能减轻他们的负担,节省他们的时间和精力。
Java语言引入了一个工具,名为javadoc。这个工具可以根据源代码中的文档注释以HTML格式生成API文档。所生成的HTML文档在任何Web浏览器上都能阅读,而且由于它是以HTML格式生成的,所以可以在线发布,这样开发人员就能很容易地访问这些文档。要以一种可以轻松浏览的格式来提供API文档,这样开发人员就不必仔细地查看源代码才能了解某个类或方法会有怎样的行为,以及该如何使用。
JSDoc则是面向JavaScript的一个类似的工具(jsdoc.sourceforge.net)。JSDoc是一个开源工具,得到了GNU Public License(GPL)的许可。JSDoc用Perl编写,这意味着Windows用户必须先安装一个Perl运行时环境。(而对于大多数Linux和Unix操作系统,Perl都会作为其中的一个标准部分。)
1.1.1 安装
要使用JSDoc,Windows用户必须安装一个Perl环境,如ActivePerl(www.activeperl.com)。还必须安装一个非标准的Perl模块,名为HTML::Template(www.cpan.org)。JSDoc项目网页提供了有关说明,如果需要帮助可以参考。
JSDoc发布为一个压缩的tarball。要安装JSDoc,只需从JSDoc项目网页下载tarball,把它解开到你指定的目录。进入JSDoc目录,输入以下命令,就能测试JSDoc了:
perl jsdoc.pl test.js
JSDoc把所得到的HTML文件发送到一个名为js_docs_out的目录。打开这个文件夹中的index.html文件,就可以浏览根据test.js文件生成的文档。
1.1.2 用法
既然对JSDoc已经有所了解,你可能想知道如何使用JSDoc来为你的JavaScript代码生成文档。表5-1列出了可以创建HTML文档的一些特殊JSDoc标记。如果你曾在Java代码中编写过javadoc注释,应该对这些标记并不陌生。如果要在最后生成的文档中包含某个注释块,所有这些注释块都必须以/**开头,并以*/结束。
表5-1 JSDoc 命令属性
命令名 描述
@param
@argument 指定参数名和说明来描述一个函数参数。
@return
@returns 描述函数的返回值。
@author 指示代码的作者。
@deprecated 指示一个函数已经废弃,不建议使用,而且在将来版本的代码中可能会彻底删除。要避免使用这段代码。
@see 创建一个HTML链接指向指定类的描述。
@version 指定发布版本。
@requires 创建一个HTML链接,指向这个类所需的指定类。
@throws
@exception 描述函数可能抛出的异常的类型。
{@link} 创建一个HTML链接,指向指定的类。这与@see很类似,但{@link}能嵌在注释文本中。
@author 指示代码的作者。(译者注:这个标记前面已经出现过,建议去掉)
@fileoverview 这是一个特殊的标记,如果在文件的第一个文档块中使用这个标记,则指定该文档块的余下部分将用来提供文件的一个概述。
@class 提供类的有关信息,用在构造函数的文档中。
@constructor 明确一个函数是某个类的构造函数。
@type 指定函数的返回类型。
@extends 指示一个类派生了另一个类。通常JSDoc自己就可以检测出这种信息,不过,在某些情况下则必须使用这个标记。
@private 指示一个类或函数是私有的。私有类和函数不会出现在HTML文档中,除非运行JSDoc时提供了—private命令行选项。
@final 指示一个值是常量值。要记住JavaScript无法真正保证一个值是常量。
@ignore JSDoc会忽略有这个标记的函数。
JSDoc发布包中包括一个名为test.js的文件,这是一个很好的参考例子,可以从中了解如何使用JSDoc。应该记得,第一次测试JSDoc安装是否成功时就是根据这个文件来创建文档文件(译者注:原文称“这就是第一次测试JSDoc安装是否成功时创建的文档文件”,这种理解有误,test.js显然不是文档文件,所得到的文档文件应当是js_docs_out的目录下的index.html)。如果对如何使用JSDoc标记还有疑问,可以参考这个文件。
代码清单5-1是一个小例子,这里展示了JSDoc的用法。jsDocExample.js定义了两个类:Person和Employee。Person类有一个属性name,还有一个方法getName。Employee类继承自Person,并增加了title和salary属性,另外还增加了一个方法getDescription。
代码清单5-1. jsDocExample.js
/**
* @fileoverview This file is an example of how JSDoc can be used to document
* JavaScript.
*
* @author Ryan Asleson
* @version 1.0
*/
/**
* Construct a new Person class.
* @class This class represents an instance of a Person.
* @constructor
* @param {String} name The name of the Person.
* @return A new instance of a Person.
*/
function Person(name) {
/**
* The Person's name
* @type String
*/
this.name = name;
/**
* Return the Person's name. This function is assigned in the class
* constructor rather than using the prototype keyword.
* @returns The Person's name
* @type String
*/
this.getName = function() {
return name;
}
}
/**
* Construct a new Employee class.
* @extends Person
* @class This class represents an instance of an Employee.
* @constructor
* @return A new instance of a Person.
*/
function Employee(name, title, salary) {
this.name = name;
/**
* The Employee's title
* @type String
*/
this.title = title;
/**
* The Employee's salary
* @type int
*/
this.salary = salary;
}
/* Employee extends Person */
Employee.prototype = new Person();
/**
* An example of function assignment using the prototype keyword.
* This method returns a String representation of the Employee's data.
* @returns The Employee's name, title, and salary
* @type String
*/
Employee.prototype.getDescription = function() {
return this.name + " - "
+ this.title + " - "
+ "$" + this.salary;
}
虽然不像JSDoc发布包中的test.js文件那么完备,这个例子同样很好地展示了JSDoc最常见的用法(见图5-1)。 @fileoverview 标记提供了jsDocExample.js的一个概述。@class标记描述了两个类,@constructor标记将适当的函数标记为对象的构造函数。@param 标记描述了一个函数的输入参数,@returns和@type标记描述了函数的返回值。这些标记是你最有可能用到的,而且对于浏览文档的其他开发人员,这些标记也最有用。
Java语言引入了一个工具,名为javadoc。这个工具可以根据源代码中的文档注释以HTML格式生成API文档。所生成的HTML文档在任何Web浏览器上都能阅读,而且由于它是以HTML格式生成的,所以可以在线发布,这样开发人员就能很容易地访问这些文档。要以一种可以轻松浏览的格式来提供API文档,这样开发人员就不必仔细地查看源代码才能了解某个类或方法会有怎样的行为,以及该如何使用。
JSDoc则是面向JavaScript的一个类似的工具(jsdoc.sourceforge.net)。JSDoc是一个开源工具,得到了GNU Public License(GPL)的许可。JSDoc用Perl编写,这意味着Windows用户必须先安装一个Perl运行时环境。(而对于大多数Linux和Unix操作系统,Perl都会作为其中的一个标准部分。)
1.1.1 安装
要使用JSDoc,Windows用户必须安装一个Perl环境,如ActivePerl(www.activeperl.com)。还必须安装一个非标准的Perl模块,名为HTML::Template(www.cpan.org)。JSDoc项目网页提供了有关说明,如果需要帮助可以参考。
JSDoc发布为一个压缩的tarball。要安装JSDoc,只需从JSDoc项目网页下载tarball,把它解开到你指定的目录。进入JSDoc目录,输入以下命令,就能测试JSDoc了:
perl jsdoc.pl test.js
JSDoc把所得到的HTML文件发送到一个名为js_docs_out的目录。打开这个文件夹中的index.html文件,就可以浏览根据test.js文件生成的文档。
1.1.2 用法
既然对JSDoc已经有所了解,你可能想知道如何使用JSDoc来为你的JavaScript代码生成文档。表5-1列出了可以创建HTML文档的一些特殊JSDoc标记。如果你曾在Java代码中编写过javadoc注释,应该对这些标记并不陌生。如果要在最后生成的文档中包含某个注释块,所有这些注释块都必须以/**开头,并以*/结束。
表5-1 JSDoc 命令属性
命令名 描述
@param
@argument 指定参数名和说明来描述一个函数参数。
@return
@returns 描述函数的返回值。
@author 指示代码的作者。
@deprecated 指示一个函数已经废弃,不建议使用,而且在将来版本的代码中可能会彻底删除。要避免使用这段代码。
@see 创建一个HTML链接指向指定类的描述。
@version 指定发布版本。
@requires 创建一个HTML链接,指向这个类所需的指定类。
@throws
@exception 描述函数可能抛出的异常的类型。
{@link} 创建一个HTML链接,指向指定的类。这与@see很类似,但{@link}能嵌在注释文本中。
@author 指示代码的作者。(译者注:这个标记前面已经出现过,建议去掉)
@fileoverview 这是一个特殊的标记,如果在文件的第一个文档块中使用这个标记,则指定该文档块的余下部分将用来提供文件的一个概述。
@class 提供类的有关信息,用在构造函数的文档中。
@constructor 明确一个函数是某个类的构造函数。
@type 指定函数的返回类型。
@extends 指示一个类派生了另一个类。通常JSDoc自己就可以检测出这种信息,不过,在某些情况下则必须使用这个标记。
@private 指示一个类或函数是私有的。私有类和函数不会出现在HTML文档中,除非运行JSDoc时提供了—private命令行选项。
@final 指示一个值是常量值。要记住JavaScript无法真正保证一个值是常量。
@ignore JSDoc会忽略有这个标记的函数。
JSDoc发布包中包括一个名为test.js的文件,这是一个很好的参考例子,可以从中了解如何使用JSDoc。应该记得,第一次测试JSDoc安装是否成功时就是根据这个文件来创建文档文件(译者注:原文称“这就是第一次测试JSDoc安装是否成功时创建的文档文件”,这种理解有误,test.js显然不是文档文件,所得到的文档文件应当是js_docs_out的目录下的index.html)。如果对如何使用JSDoc标记还有疑问,可以参考这个文件。
代码清单5-1是一个小例子,这里展示了JSDoc的用法。jsDocExample.js定义了两个类:Person和Employee。Person类有一个属性name,还有一个方法getName。Employee类继承自Person,并增加了title和salary属性,另外还增加了一个方法getDescription。
代码清单5-1. jsDocExample.js
/**
* @fileoverview This file is an example of how JSDoc can be used to document
* JavaScript.
*
* @author Ryan Asleson
* @version 1.0
*/
/**
* Construct a new Person class.
* @class This class represents an instance of a Person.
* @constructor
* @param {String} name The name of the Person.
* @return A new instance of a Person.
*/
function Person(name) {
/**
* The Person's name
* @type String
*/
this.name = name;
/**
* Return the Person's name. This function is assigned in the class
* constructor rather than using the prototype keyword.
* @returns The Person's name
* @type String
*/
this.getName = function() {
return name;
}
}
/**
* Construct a new Employee class.
* @extends Person
* @class This class represents an instance of an Employee.
* @constructor
* @return A new instance of a Person.
*/
function Employee(name, title, salary) {
this.name = name;
/**
* The Employee's title
* @type String
*/
this.title = title;
/**
* The Employee's salary
* @type int
*/
this.salary = salary;
}
/* Employee extends Person */
Employee.prototype = new Person();
/**
* An example of function assignment using the prototype keyword.
* This method returns a String representation of the Employee's data.
* @returns The Employee's name, title, and salary
* @type String
*/
Employee.prototype.getDescription = function() {
return this.name + " - "
+ this.title + " - "
+ "$" + this.salary;
}
虽然不像JSDoc发布包中的test.js文件那么完备,这个例子同样很好地展示了JSDoc最常见的用法(见图5-1)。 @fileoverview 标记提供了jsDocExample.js的一个概述。@class标记描述了两个类,@constructor标记将适当的函数标记为对象的构造函数。@param 标记描述了一个函数的输入参数,@returns和@type标记描述了函数的返回值。这些标记是你最有可能用到的,而且对于浏览文档的其他开发人员,这些标记也最有用。
发表评论
-
解决vue-resource的post的问题
2016-12-28 19:50 592如题。通过这个错误 ... -
Lisp之根源
2016-07-25 07:48 419http://daiyuwen.freeshell.org/ ... -
css、js干货
2016-02-29 17:44 0IE下不支付HTML5块元素 ... -
js类型, 值, 变量
2016-02-19 11:53 573类型: 基本类型:number,string, bool ... -
双向绑定框架学习研究
2016-01-12 11:52 474avalon http://www.cnblogs.co ... -
双向绑定框架学习研究
2016-01-12 11:52 5avalon http://www.cnblogs.com ... -
2015-11~ 12 react
2015-11-11 10:36 0首家被Y Combinator孵化 ... -
远程js调试工具
2015-05-13 17:43 0android4.4以下: https://www.jsh ... -
苹果授权深圳
2015-05-06 08:55 0http://www.apple.com/cn/retai ... -
Jasmine入门教程
2014-08-12 01:11 0https://github.com/pivotal/jas ... -
年度回顾:2013年前端技术盘点
2014-08-08 11:16 338转这篇文章的目的是想提醒自己原来在年初时自己想到的CSS隔 ... -
JS逗号运算符的用法详解
2014-07-09 14:09 719逗号运算符的用法详 ... -
闭包原理详解——深入浏览器底层解析js的实际过程
2014-06-20 16:26 1462一直没有看到过介绍得很详细的,大多其他文章都没涉及到 ... -
后台ContentType参数及对应类型
2014-06-09 15:30 597<option value="image ... -
js版压缩解压算法
2014-06-04 09:36 1775如题。附件是zip的 用法: <html& ... -
jquery的ajax请求忽然总是报错
2014-06-02 02:20 956如题。查半天才发现源码:jQuery.ajaxTranspo ... -
基于有限状态机与交互组件设计与实现
2014-03-27 10:15 1253有限状态机(Finite-state machine ... -
浏览器底层相关
2014-03-26 11:45 299编译V8 WebKit实现Chrome插件 WebKi ... -
网站统计中的数据收集原理及实现
2014-03-26 11:06 517网站数据统计分析工具是网站站长和运营人员经常使用的一种工具, ... -
第三方应用中间件收集
2014-03-25 18:05 520分享js api (baidu搜索分享按钮) http: ...
相关推荐
使用JSDoc建立JavaScript代码的文档
该提供了一种在静态网站上生成javascript代码文档的方法。 先决条件 要生成良好的文档,请阅读。 必须安装Node.js和NPM 。 跑步 首先通过执行以下命令来构建项目: npm run build 然后打开docs目录并运行index....
NULL 博文链接:https://zhangzhaoaaa.iteye.com/blog/2178452
用于JavaScript的API文档生成器。 想要为JSDoc做贡献吗? 请阅读CONTRIBUTING.md 。 安装及使用 JSDoc支持稳定版本的Node.js 8.15.0及更高版本。 您可以全局安装JSDoc或在项目的node_modules文件夹中安装。 要在...
dox - 针对node的JavaScript文档生成器使用markdown和jsdoc
随着Javascript脚本的日益强大,对js的api生成工具的需求也是与日俱增,经过本人下载使用过的多个js api文档生成工具的比较,并对其中一款(jsdoc)进行了部分改进,感觉对于日常的基于js代码的api文档的生成大有帮助...
Java JsDoc Toolkit v2.0文档工具下载,可以把javaScript描述信息格式化,开发者只要按JsDoc规范写好注释就可以很方便的导出文档。这是Java版本的,附有JAVA源文件,这款工具也是google 极力推荐的JsDoc输出工具。
jsDoc 了解jsDoc文档
vim-jsdoc:将JSDoc生成为您JavaScript代码
$ jsdoc2md example.js 3.获取降价输出。 ## protection(cloak, dagger) ⇒ <code>survival A quite wonderful function. **Kind** : global function | Param | Type | Description | | ------ | ---------------...
JsDoc Toolkit 是一个把js描述格式化成文档的工具。开发者只需按JsDoc的规范写好注释就可以很方便导出文档。这个JsDoc是Java版本的,用起来方便一些。这也是 google 推荐的 JsDoc 输出工具
JsDoc Toolkit不久前发布了2.3.2版本,主要还是对前版本的修复。 如果你需要使用Ant,JsDoc还有一个Ant插件:JsDoc Toolkit Ant Task 下载JsDoc Toolkit2.3.2:...
jsdoc javascript文档生成的东东。不用勿下,免得浪费你的c币
从jsdoc生成markdown api文档。 内容 用法(请参阅此页的下一页) 也许看看? 开发者 用于测试,构建等的框架 软件包grunt-jsdoc2md的API(由grunt-jsdoc2md自行生成) 入门 本指南假定您熟悉npm和grunt的使用。...
szn-util-jsdoc2 Javascript 自动文档工具 jsdoc-toolkit-2 debian 包源码 # git clone git@github.com:seznam/szn-util-jsdoc2.git# cd szn-util-jsdoc2# dpkg-buildpackage -us -uc -rfakeroot
现代JavaScript的文档系统 支持现代JavaScript:ES5,ES2017,JSX,Vue和类型注释。 推断参数,类型,成员资格等。 写更少的文档:让计算机为您编写。 与GitHub集成以直接从文档链接到它所引用的代码。 可...
JSDoc 参考手册.CHM、JSDoc 中文文档.CHM、JSDoc 中文教程.CHM
(jsdoc / esdoc / tsdoc文件块生成器)扩展安装CocInstall : 去做vim-plug : 去做笔记快速生成用于typescript / javascript的文档块。配置选项jsdoc.enable :启用coc-jsdoc扩展名,默认值: true jsdoc....
有时,编写某些有效的JSDoc可能会导致代码完成失效,而有时,编写某些代码的完成可能会导致JSDoc CLI的代码无效。 该插件具有一些(可切换)功能,您可以使用这些功能来编写对TypeScript有效的代码,这些代码对...