`
haiyupeter
  • 浏览: 427581 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JS文档构建(jsdoc)

阅读更多
一、命令分类
类定义
@class    类型定义
@version    版本信息
@author    作者

@constructor    构造方法
@description    描述
@example    示例
@param
/**
     * @name Tabs
     * @author Halen
     * @class  页签组件
     * 
     * @constructor
     * @description 构造函数. 
     * @param p
     */
Tabs = function(p) {
}

属性定义
@default    默认值
@type    类型
@description    描述
@example    示例


/**
    *是否懒加载。
    * @default false
    * @type Boolean
    * @example
    * var tabs = new Tabs({lazyLoad:false});
    */
 lazyLoad : false,


方法定义
@param    默认值
@returns    类型
@description    描述
@example    示例


/**
    * 改变label属性。
    * @name AutoComplete#changeLabel
    * @function
    * @param {String} label 按钮文本
    * @example
    * var autoComplete = new AutoComplete();
    * autoComplete.changeLabel(“new label”);
    */
    changeLabel : function(label){
    }


事件定义
@event    声明为事件
@param    默认值
@returns    类型
@description    描述
@example    示例


强制定义
@field    字段/属性
@function    方法
@event    事件
@name    名称定义


继承相关
@lends
@augments
@borrows


类型相关
@constant
@private
@static
@public
@inner


综合
@deprecated    已过期
@link    引用
@see    引用
@throws    抛出异常
@since    从哪个版本开始生效
@requires    依赖于其他类定义




二、jsdoc的完整命令介绍
http://code.google.com/p/jsdoc-toolkit/w/list

三、使用jsdoc
单独使用Java命令:
java -jar jsrun.jar app/run.js -a -t=templates/jsdoc todocjs/*.js

整合ant命令:
<target name="build-docs" description="build docs">
    <delete dir="${docs.dir}"></delete>
    <mkdir dir="${docs.dir}"/>
    <java jar="${jsdoc.lib.dir}/jsrun.jar" fork="true">
        <arg value="${jsdoc.lib.dir}/app/run.js"/>
        <!-- the path of the jsdoc templates-->
        <arg value="-t=${jsdoc.builder.dir}/jsdoc"/>
        <!-- the source path of the js -->
        <arg value="../ui/"/>
        <!-- the output path of the generated jsdoc -->
        <arg value="-d=${docs.dir}" />
    </java>
</target>

四、jsdoc的一些bug
(1)、@default {} 无法正常显示{}
(2)、如果属性和方法名为同一名称,比如name属性和name()方法,无法同时生成同名字的属性和方法,认为是同一个名称,最后只留一个

参考及案例:
http://ui.operamasks.org/website/demos.html
http://code.google.com/p/jsdoc-toolkit/w/list

分享到:
评论

相关推荐

    jsdoc-action:构建JSDoc文档的GitHub Action

    GitHub Action来构建JSDoc文档 这是一个GitHub Action,用于使用构建JavaScript文档。 该操作可以轻松地与其他部署操作结合使用,以将生成的文档发布到。 JSDoc也受支持。 以下示例将为./src目录中的所有源文件生成...

    Node.js-dox-针对node的JavaScript文档生成器使用markdown和jsdoc

    Node.js-dox是一款专为Node.js设计的JavaScript文档生成器,它支持Markdown和JSDoc语法,使得开发者能够更方便地创建和维护项目文档。在本文中,我们将深入探讨dox的工作原理、特点以及如何使用它来提升你的开发效率...

    jsdoc-generate:基于jsdoc生成javascript代码文档

    该提供了一种在静态网站上生成javascript代码文档的方法。 先决条件 要生成良好的文档,请阅读。 必须安装Node.js和NPM 。 跑步 首先通过执行以下命令来构建项目: npm run build 然后打开docs目录并运行index....

    grunt-jsdoc2md:从jsdoc生成markdown api文档

    从jsdoc生成markdown api文档。 内容 用法(请参阅此页的下一页) 也许看看? 开发者 用于测试,构建等的框架 软件包grunt-jsdoc2md的API(由grunt-jsdoc2md自行生成) 入门 本指南假定您熟悉npm和grunt的使用。...

    前端开源库-jsdoc-x

    JSDoc 是一种标准化的注释语法,用于为JavaScript代码提供文档,它允许开发者在代码中添加元数据,以描述函数、类、模块等各个层面的细节。通过 **jsdoc-x**,开发者可以更加灵活地控制和提取这些元数据,以满足特定...

    jsdox-个简单的jsdoc3文档生成器

    jsdox是一款轻量级的JavaScript文档生成工具,它是基于流行的jsdoc 3框架构建的。这个工具的主要目标是简化JavaScript项目的文档生成过程,使得开发者可以更方便地为自己的代码添加注释,并自动生成易于阅读的API...

    前端开源库-jsdoc-webpack-plugin

    **jsdoc-webpack-plugin** 是一个前端开发中的工具插件,主要功能是将JavaScript代码中的JSDoc注释解析并整合到Webpack的构建流程中。这个插件使得开发者能够方便地生成项目的API文档,提高代码的可读性和维护性。...

    前端开源库-ui5-jsdoc-generator

    JSDoc 是一种用于注释JavaScript代码的规范,它通过在源代码中添加特定的注释标签来生成文档。这些注释提供了关于函数、类、接口等的元数据,包括参数、返回值、类型信息等。JSDoc 支持多种模板,可以生成不同风格的...

    javascript API 文档生成工具 [本本作品]

    JavaScript API文档生成工具是开发过程中不可或缺的一环,它能够帮助开发者快速理解和使用代码库或框架。本本的作品,很可能是作者分享的一个自创的API文档生成解决方案。由于没有具体的描述,我们将基于通常的API...

    前端开源库-grunt-jsdoc-to-markdown

    `grunt-jsdoc-to-markdown`是一个非常实用的前端开发工具,主要用于将JavaScript代码中的JSDoc注释转换为Markdown格式的API文档,特别适合那些托管在GitHub上的项目。Markdown格式的文档不仅易于阅读,也方便在...

    jsDoc:了解jsDoc文档

    jsDoc是一款强大的工具,用于生成基于JavaScript代码的API文档。它通过解析源代码中的特殊注释(也称为JSDoc注释),为开发人员提供清晰、结构化的文档,帮助他们更好地理解和使用代码库。在本文中,我们将深入探讨...

    前端开源库-vigour-jsdoc2md

    1. **解析 JSDoc**:`vigour-jsdoc2md` 能够准确地解析 JavaScript 文件中的 JSDoc 注释,包括函数、类、模块、变量等不同类型的文档。 2. **转换为 Markdown**:解析后的 JSDoc 数据会被格式化成 Markdown 语法,...

    vuepress-jsdoc:为vuepress构建的JSDoc markdown文件

    vuepress-jsdoc 这个npm软件包是一个命令行脚本,它扫描您JavaScript,Vue或Typescript源代码,并借助和为vuepress生成markdown文件。如何yarn global add vuepress-jsdocnpm i vuepress-jsdoc -g 例: # search ...

    前端开源库-jsdoc-babel

    **前端开源库-jsdoc-babel** 是一个专为前端开发者设计的工具,它结合了 **JSDoc** 和 **Babel** 的功能,为ES6及以上版本的JavaScript代码提供文档生成服务。JSDoc是一种注释规范,用于生成代码文档,而Babel则是一...

    前端开源库-ljve-jsdoc

    **ljve-jsdoc** 是一个专为 **ljve.io** 设计的JavaScript API文档生成工具。这个开源库致力于帮助开发者方便地为他们的JavaScript代码自动生成结构化的、易于阅读的文档,提升开发效率并促进团队协作。 ### ljve-...

    jsdoc_toolkit-2.4.0.zip

    总的来说,JSDoc Toolkit 是一个强大的文档生成解决方案,特别是对于那些使用JavaScript进行大型项目开发的团队,它能够帮助他们构建清晰、详尽的API文档,提升团队协作效率,降低维护成本。通过深入学习和掌握JSDoc...

    JavaScript专题构建自己的JS库

    你可以使用JSDoc来生成API文档,提供清晰的API接口说明和使用示例。 最后,测试是确保代码质量的关键步骤。使用单元测试框架如Jest或Mocha,编写测试用例来验证你的库在各种场景下的行为是否符合预期。 总的来说,...

    前端开源库-jsdoc-md

    4. **集成到项目**:`jsdoc-md` 可以轻松集成到项目构建流程中,如通过 npm 脚本自动运行,确保每次代码更新时,文档都会随之更新。 **使用方法** 要使用 `jsdoc-md`,首先需要安装这个库。如果你的项目已经配置了...

    前端开源库-jsdoc-regex

    使用`jsdoc-regex`库,开发者可以更方便地提取代码中的JSDoc信息,这对于构建自动生成文档的工具或者进行代码分析非常有用。例如,你可以用它来获取所有的函数定义,然后进一步解析`@param`和`@return`等标签,从而...

    dorado7离线中文文档.7z

    【描述】提到的 "jsdoc" 是 JavaScript 文档工具,它能够自动生成基于源代码注释的文档,便于开发者理解和使用代码库。这份 "dorado7离线中文文档" 包含了 Dorado7.5 的 jsdoc 输出,意味着开发者可以在这里找到框架...

Global site tag (gtag.js) - Google Analytics