1. my-doc-jsx-plugin-api
my-doc-jsx的一个插件,用于根据注释、typescript接口生成api表格。
my-doc-jsx-plugin-api
Package: my-doc-jsx-plugin-api
Created by: laden666666
Last modified: Mon, 20 Jun 2022 15:49:07 GMT
Version: 0.1.1
License: MIT
Downloads: 3
Repository: https://github.com/laden666666/my-doc-jsx-plugin-api

Install

npm install my-doc-jsx-plugin-api
yarn add my-doc-jsx-plugin-api

my-doc-jsx-plugin-api

my-doc-jsx-plugin-api是一个my-doc-jsx的插件,用于生成API文档。

使用

 npm instlal my-doc-jsx-plugin-api --D

如果是在nodejs或者浏览器中执行,使用jsxdoc的myDocJsx方法集成,nodejs:

 const Plugin = require('my-doc-jsx-plugin-api')
myDocJsx.usePlugin(new Plugin)

浏览器中:

 myDocJsx.usePlugin(new myDocJsxPluginAPI())

cli环境下使用

 docjsx c html --plugin my-doc-jsx-plugin-api index.jsx ./

用于展示项目的logo

npm信息

用于展示项目的logo,主要是基于img.shields.io这个网站来生成项目和npm相关的信息。

Version Downloads License

```javascript ```

浏览器兼容性

用于生成一个展示项目浏览器兼容性表格的标签

AndroidFirefoxChromeIEiPhoneEdgeSafari
>4.4>8
```javascript ```

注释生成函数文档

该功能可以将函数的注释生成为说明函数用途、参数、返回值的文档,以table表格的形式展示,具体使用方法为:

 <api>{`
* 根据字符串模糊查询key,并返回匹配的缓存数组
* @param {string} searchText    key的模糊检索条件
* @return {Array<string>}      返回匹配的数组
`}</api>

生成的效果为:

根据字符串模糊查询key,并返回匹配的缓存数组

参数
参数名 参数类型 参数说明
searchText string key的模糊检索条件
返回值

|参数类型|参数说明|
|-|-|-|
|Array<string>|返回匹配的数组|

展示HTML形式的例子

该控件的功能为,运行HTML代码的显示效果,类似于jsfiddle这样的网站,不过该功能比jsfiddle简单很多,单机即可使用,同时可以展示HTML例子的代码。

该控件基于HTML的iframe标签总的srcdoc属性,因此在markdown、CSP策略中设置了child-src的页面、部分浏览器中无法使用。

具体使用方法为:

 <html-example code>{
`
<div id="app">
    {{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: '运行了vue!'
        }
    })
</script>
`
}</html-example>

效果为:

Dependencies

Dependencies

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code