Skip to content

Runtime API Examples

This page demonstrates usage of some of the runtime APIs provided by VitePress.

The main useData() API can be used to access site, theme, and page data for the current page. It works in both .md and .vue files:

md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>

Results

Theme Data

{
  "siteTitle": "Front End",
  "nav": [
    {
      "text": "TypeScript",
      "link": "/ts/intro.html"
    },
    {
      "text": "JavaScript",
      "link": "/js/basic/introduction.html"
    },
    {
      "text": "ES6",
      "link": "/es6/intro.html"
    },
    {
      "text": "Blog",
      "link": "/blog/namespace.md"
    },
    {
      "text": "相关资料",
      "link": "https://github.com/wangdoc",
      "target": "_blank",
      "rel": "wangdoc"
    }
  ],
  "sidebar": {
    "/ts": {
      "text": "TypeScript",
      "collapsed": false,
      "items": [
        {
          "text": "简介",
          "link": "/ts/intro.html"
        },
        {
          "text": "基本用法",
          "link": "/ts/basic.html"
        },
        {
          "text": "any 类型",
          "link": "/ts/any.html"
        },
        {
          "text": "类型系统",
          "link": "/ts/types.html"
        },
        {
          "text": "数组",
          "link": "/ts/array.html"
        },
        {
          "text": "元组",
          "link": "/ts/tuple.html"
        },
        {
          "text": "symbol 类型",
          "link": "/ts/symbol.html"
        },
        {
          "text": "函数",
          "link": "/ts/function.html"
        },
        {
          "text": "对象",
          "link": "/ts/object.html"
        },
        {
          "text": "类/泛型",
          "collapsed": false,
          "items": [
            {
              "text": "interface",
              "link": "/ts/interface.html"
            },
            {
              "text": "类",
              "link": "/ts/class.html"
            },
            {
              "text": "泛型",
              "link": "/ts/generics.html"
            },
            {
              "text": "Enum 类型",
              "link": "/ts/enum.html"
            },
            {
              "text": "类型断言",
              "link": "/ts/assert.html"
            }
          ]
        },
        {
          "text": "模块/装饰器",
          "collapsed": false,
          "items": [
            {
              "text": "模块",
              "link": "/ts/module.html"
            },
            {
              "text": "namespace",
              "link": "/ts/namespace.html"
            },
            {
              "text": "装饰器",
              "link": "/ts/decorator.html"
            },
            {
              "text": "装饰器(旧语法)",
              "link": "/ts/decorator-legacy.html"
            },
            {
              "text": "declare 关键字",
              "link": "/ts/declare.html"
            },
            {
              "text": "d.ts 类型声明文件",
              "link": "/ts/d.ts.html"
            }
          ]
        },
        {
          "text": "类型运算",
          "collapsed": false,
          "items": [
            {
              "text": "类型运算符",
              "link": "/ts/operator.html"
            },
            {
              "text": "类型映射",
              "link": "/ts/mapping.html"
            },
            {
              "text": "类型工具",
              "link": "/ts/utility.html"
            },
            {
              "text": "注释指令",
              "link": "/ts/comment.html"
            }
          ]
        },
        {
          "text": "其他",
          "collapsed": false,
          "items": [
            {
              "text": "tsconfig.json 文件",
              "link": "/ts/tsconfig.json.html"
            },
            {
              "text": "tsc 命令",
              "link": "/ts/tsc.html"
            }
          ]
        }
      ]
    },
    "/js": {
      "text": "Javascript",
      "collapsed": false,
      "items": [
        {
          "text": "入门篇",
          "collapsed": false,
          "items": [
            {
              "text": "导论",
              "link": "/js/basic/introduction.html"
            },
            {
              "text": "历史",
              "link": "/js/basic/history.html"
            },
            {
              "text": "基本语法",
              "link": "/js/basic/grammar.html"
            }
          ]
        },
        {
          "text": "数据类型",
          "collapsed": false,
          "items": [
            {
              "text": "概述",
              "link": "/js/types/general.html"
            },
            {
              "text": "null,undefined 和布尔值",
              "link": "/js/types/null-undefined-boolean.html"
            },
            {
              "text": "数值",
              "link": "/js/types/number.html"
            },
            {
              "text": "字符串",
              "link": "/js/types/string.html"
            },
            {
              "text": "对象",
              "link": "/js/types/object.html"
            },
            {
              "text": "函数",
              "link": "/js/types/function.html"
            },
            {
              "text": "数组",
              "link": "/js/types/array.html"
            }
          ]
        },
        {
          "text": "运算符",
          "collapsed": false,
          "items": [
            {
              "text": "算术运算符",
              "link": "/js/operators/arithmetic.html"
            },
            {
              "text": "比较运算符",
              "link": "/js/operators/comparison.html"
            },
            {
              "text": "布尔运算符",
              "link": "/js/operators/boolean.html"
            },
            {
              "text": "二进制位运算符",
              "link": "/js/operators/bit.html"
            },
            {
              "text": "其他运算符,运算顺序",
              "link": "/js/operators/priority.html"
            }
          ]
        },
        {
          "text": "语法专题",
          "collapsed": false,
          "items": [
            {
              "text": "数据类型的转换",
              "link": "/js/features/conversion.html"
            },
            {
              "text": "错误处理机制",
              "link": "/js/features/error.html"
            },
            {
              "text": "编程风格",
              "link": "/js/features/style.html"
            },
            {
              "text": "console 对象与控制台",
              "link": "/js/features/console.html"
            }
          ]
        },
        {
          "text": "标准库",
          "collapsed": false,
          "items": [
            {
              "text": "Object 对象",
              "link": "/js/stdlib/object.html"
            },
            {
              "text": "属性描述对象",
              "link": "/js/stdlib/attributes.html"
            },
            {
              "text": "Array 对象",
              "link": "/js/stdlib/array.html"
            },
            {
              "text": "包装对象",
              "link": "/js/stdlib/wrapper.html"
            },
            {
              "text": "Boolean 对象",
              "link": "/js/stdlib/boolean.html"
            },
            {
              "text": "Number 对象",
              "link": "/js/stdlib/number.html"
            },
            {
              "text": "String 对象",
              "link": "/js/stdlib/string.html"
            },
            {
              "text": "Math 对象",
              "link": "/js/stdlib/math.html"
            },
            {
              "text": "Date 对象",
              "link": "/js/stdlib/date.html"
            },
            {
              "text": "RegExp 对象",
              "link": "/js/stdlib/regexp.html"
            },
            {
              "text": "JSON 对象",
              "link": "/js/stdlib/json.html"
            }
          ]
        },
        {
          "text": "面向对象编程",
          "collapsed": false,
          "items": [
            {
              "text": "实例对象与 new 命令",
              "link": "/js/oop/new.html"
            },
            {
              "text": "this 关键字",
              "link": "/js/oop/this.html"
            },
            {
              "text": "对象的继承",
              "link": "/js/oop/prototype.html"
            },
            {
              "text": "Object 对象的相关方法",
              "link": "/js/oop/object.html"
            },
            {
              "text": "严格模式",
              "link": "/js/oop/strict.html"
            }
          ]
        },
        {
          "text": "异步操作",
          "collapsed": false,
          "items": [
            {
              "text": "概述",
              "link": "/js/async/general.html"
            },
            {
              "text": "定时器",
              "link": "/js/async/timer.html"
            },
            {
              "text": "Promise 对象",
              "link": "/js/async/promise.html"
            }
          ]
        },
        {
          "text": "DOM",
          "collapsed": false,
          "items": [
            {
              "text": "概述",
              "link": "/js/dom/general.html"
            },
            {
              "text": "Node 接口",
              "link": "/js/dom/node.html"
            },
            {
              "text": "NodeList 接口,HTMLCollection 接口",
              "link": "/js/dom/nodelist.html"
            },
            {
              "text": "ParentNode 接口,ChildNode 接口",
              "link": "/js/dom/parentnode.html"
            },
            {
              "text": "Document 节点",
              "link": "/js/dom/document.html"
            },
            {
              "text": "Element 节点",
              "link": "/js/dom/element.html"
            },
            {
              "text": "属性的操作",
              "link": "/js/dom/attributes.html"
            },
            {
              "text": "Text 节点和 DocumentFragment 节点",
              "link": "/js/dom/text.html"
            },
            {
              "text": "CSS 操作",
              "link": "/js/dom/css.html"
            },
            {
              "text": "Mutation Observer API",
              "link": "/js/dom/mutationobserver.html"
            }
          ]
        },
        {
          "text": "事件",
          "collapsed": false,
          "items": [
            {
              "text": "EventTarget 接口",
              "link": "/js/events/eventtarget.html"
            },
            {
              "text": "事件模型",
              "link": "/js/events/model.html"
            },
            {
              "text": "Event 对象",
              "link": "/js/events/event.html"
            },
            {
              "text": "鼠标事件",
              "link": "/js/events/mouse.html"
            },
            {
              "text": "键盘事件",
              "link": "/js/events/keyboard.html"
            },
            {
              "text": "进度事件",
              "link": "/js/events/progress.html"
            },
            {
              "text": "表单事件",
              "link": "/js/events/form.html"
            },
            {
              "text": "触摸事件",
              "link": "/js/events/touch.html"
            },
            {
              "text": "拖拉事件",
              "link": "/js/events/drag.html"
            },
            {
              "text": "其他常见事件",
              "link": "/js/events/common.html"
            },
            {
              "text": "GlobalEventHandlers 接口",
              "link": "/js/events/globaleventhandlers.html"
            }
          ]
        },
        {
          "text": "浏览器模型",
          "collapsed": false,
          "items": [
            {
              "text": "浏览器模型概述",
              "link": "/js/bom/engine.html"
            },
            {
              "text": "window 对象",
              "link": "/js/bom/window.html"
            },
            {
              "text": "Navigator 对象,Screen 对象",
              "link": "/js/bom/navigator.html"
            },
            {
              "text": "Cookie",
              "link": "/js/bom/cookie.html"
            },
            {
              "text": "XMLHttpRequest 对象",
              "link": "/js/bom/xmlhttprequest.html"
            },
            {
              "text": "同源限制",
              "link": "/js/bom/same-origin.html"
            },
            {
              "text": "CORS 通信",
              "link": "/js/bom/cors.html"
            },
            {
              "text": "Storage 接口",
              "link": "/js/bom/storage.html"
            },
            {
              "text": "History 对象",
              "link": "/js/bom/history.html"
            },
            {
              "text": "Location 对象,URL 对象,URLSearchParams 对象",
              "link": "/js/bom/location.html"
            },
            {
              "text": "ArrayBuffer 对象,Blob 对象",
              "link": "/js/bom/arraybuffer.html"
            },
            {
              "text": "File 对象,FileList 对象,FileReader 对象",
              "link": "/js/bom/file.html"
            },
            {
              "text": "表单,FormData 对象",
              "link": "/js/bom/form.html"
            },
            {
              "text": "IndexedDB API",
              "link": "/js/bom/indexeddb.html"
            },
            {
              "text": "Web Worker",
              "link": "/js/bom/webworker.html"
            }
          ]
        },
        {
          "text": "附录:网页元素接口",
          "collapsed": false,
          "items": [
            {
              "text": "&lt;a&gt;",
              "link": "/js/elements/a.html"
            },
            {
              "text": "&lt;img&gt;",
              "link": "/js/elements/image.html"
            },
            {
              "text": "&lt;form&gt;",
              "link": "/js/elements/form.html"
            },
            {
              "text": "&lt;input&gt;",
              "link": "/js/elements/input.html"
            },
            {
              "text": "&lt;button&gt;",
              "link": "/js/elements/button.html"
            },
            {
              "text": "&lt;option&gt;",
              "link": "/js/elements/option.html"
            },
            {
              "text": "&lt;video&gt;,&lt;audio&gt;",
              "link": "/js/elements/video.html"
            }
          ]
        }
      ]
    },
    "/es6": {
      "text": "ES6",
      "collapsed": false,
      "items": [
        {
          "text": "ECMAScript 6 简介",
          "link": "/es6/intro.html"
        },
        {
          "text": "let 和 const 命令",
          "link": "/es6/let.html"
        },
        {
          "text": "变量的解构赋值",
          "link": "/es6/destructuring.html"
        },
        {
          "text": "字符串的扩展",
          "link": "/es6/string.html"
        },
        {
          "text": "字符串的新增方法",
          "link": "/es6/string-methods.html"
        },
        {
          "text": "扩展",
          "collapsed": false,
          "items": [
            {
              "text": "正则的扩展",
              "link": "/es6/regex.html"
            },
            {
              "text": "数值的扩展",
              "link": "/es6/number.html"
            },
            {
              "text": "函数的扩展",
              "link": "/es6/function.html"
            },
            {
              "text": "数组的扩展",
              "link": "/es6/array.html"
            },
            {
              "text": "对象的扩展",
              "link": "/es6/object.html"
            },
            {
              "text": "对象的新增方法",
              "link": "/es6/object-methods.html"
            },
            {
              "text": "运算符的扩展",
              "link": "/es6/operator.html"
            }
          ]
        },
        {
          "text": "Symbol/Proxy",
          "collapsed": false,
          "items": [
            {
              "text": "Symbol",
              "link": "/es6/symbol.html"
            },
            {
              "text": "Set 和 Map 数据结构",
              "link": "/es6/set-map.html"
            },
            {
              "text": "Proxy",
              "link": "/es6/proxy.html"
            },
            {
              "text": "Reflect",
              "link": "/es6/reflect.html"
            }
          ]
        },
        {
          "text": "Promise/Generator",
          "collapsed": false,
          "items": [
            {
              "text": "Promise 对象",
              "link": "/es6/promise.html"
            },
            {
              "text": "Iterator 和 for...of 循环",
              "link": "/es6/iterator.html"
            },
            {
              "text": "Generator 函数的语法",
              "link": "/es6/generator.html"
            },
            {
              "text": "Generator 函数的异步应用",
              "link": "/es6/generator-async.html"
            },
            {
              "text": "async 函数",
              "link": "/es6/async.html"
            }
          ]
        },
        {
          "text": "Class/Module",
          "collapsed": false,
          "items": [
            {
              "text": "Class 的基本语法",
              "link": "/es6/class.html"
            },
            {
              "text": "Class 的继承",
              "link": "/es6/class-extends.html"
            },
            {
              "text": "Module 的语法",
              "link": "/es6/module.html"
            },
            {
              "text": "Module 的加载实现",
              "link": "/es6/module-loader.html"
            }
          ]
        },
        {
          "text": "编程风格",
          "collapsed": false,
          "items": [
            {
              "text": "编程风格",
              "link": "/es6/style.html"
            },
            {
              "text": "读懂规格",
              "link": "/es6/spec.html"
            },
            {
              "text": "异步遍历器",
              "link": "/es6/async-iterator.html"
            },
            {
              "text": "ArrayBuffer",
              "link": "/es6/arraybuffer.html"
            }
          ]
        },
        {
          "text": "最新提案",
          "link": "/es6/proposals.html"
        },
        {
          "text": "Decorator",
          "link": "/es6/decorator.html"
        },
        {
          "text": "参考链接",
          "link": "/es6/reference.html"
        }
      ]
    },
    "/bash/archives/commands": {
      "text": "Bash",
      "collapsed": false,
      "items": [
        {
          "text": "文本处理",
          "collapsed": false,
          "items": [
            {
              "text": "awk",
              "link": "/bash/archives/commands/awk.html"
            },
            {
              "text": "cut",
              "link": "/bash/archives/commands/cut.html"
            },
            {
              "text": "sed",
              "link": "/bash/archives/commands/sed.html"
            },
            {
              "text": "grep",
              "link": "/bash/archives/commands/grep.html"
            },
            {
              "text": "find",
              "link": "/bash/archives/commands/find.html"
            },
            {
              "text": "ps",
              "link": "/bash/archives/commands/ps.html"
            },
            {
              "text": "scp",
              "link": "/bash/archives/commands/scp.html"
            },
            {
              "text": "xargs",
              "link": "/bash/archives/commands/xargs.html"
            },
            {
              "text": "截取内容",
              "link": "/bash/advanced-example.md"
            }
          ]
        },
        {
          "text": "基本命令",
          "collapsed": false,
          "items": [
            {
              "text": "alias",
              "link": "/bash/archives/commands/alias.html"
            },
            {
              "text": "awk",
              "link": "/bash/archives/commands/awk.html"
            },
            {
              "text": "cal",
              "link": "/bash/archives/commands/cal.html"
            },
            {
              "text": "cat",
              "link": "/bash/archives/commands/cat.html"
            },
            {
              "text": "clear",
              "link": "/bash/archives/commands/clear.html"
            },
            {
              "text": "cp",
              "link": "/bash/archives/commands/cp.html"
            },
            {
              "text": "cut",
              "link": "/bash/archives/commands/cut.html"
            },
            {
              "text": "date",
              "link": "/bash/archives/commands/date.html"
            },
            {
              "text": "dd",
              "link": "/bash/archives/commands/dd.html"
            },
            {
              "text": "df",
              "link": "/bash/archives/commands/df.html"
            },
            {
              "text": "du",
              "link": "/bash/archives/commands/du.html"
            },
            {
              "text": "egrep",
              "link": "/bash/archives/commands/egrep.html"
            },
            {
              "text": "export",
              "link": "/bash/archives/commands/export.html"
            },
            {
              "text": "file",
              "link": "/bash/archives/commands/file.html"
            },
            {
              "text": "find",
              "link": "/bash/archives/commands/find.html"
            },
            {
              "text": "fmt",
              "link": "/bash/archives/commands/fmt.html"
            },
            {
              "text": "grep",
              "link": "/bash/archives/commands/grep.html"
            },
            {
              "text": "gunzip",
              "link": "/bash/archives/commands/gunzip.html"
            },
            {
              "text": "gzcat",
              "link": "/bash/archives/commands/gzcat.html"
            },
            {
              "text": "gzip",
              "link": "/bash/archives/commands/gzip.html"
            },
            {
              "text": "kill",
              "link": "/bash/archives/commands/kill.html"
            },
            {
              "text": "killall",
              "link": "/bash/archives/commands/killall.html"
            },
            {
              "text": "last",
              "link": "/bash/archives/commands/last.html"
            },
            {
              "text": "lpq",
              "link": "/bash/archives/commands/lpq.html"
            },
            {
              "text": "lpr",
              "link": "/bash/archives/commands/lpr.html"
            },
            {
              "text": "ls",
              "link": "/bash/archives/commands/ls.html"
            },
            {
              "text": "nl",
              "link": "/bash/archives/commands/nl.html"
            },
            {
              "text": "ps",
              "link": "/bash/archives/commands/ps.html"
            },
            {
              "text": "scp",
              "link": "/bash/archives/commands/scp.html"
            },
            {
              "text": "sed",
              "link": "/bash/archives/commands/sed.html"
            },
            {
              "text": "sort",
              "link": "/bash/archives/commands/sort.html"
            },
            {
              "text": "tr",
              "link": "/bash/archives/commands/tr.html"
            },
            {
              "text": "uname",
              "link": "/bash/archives/commands/uname.html"
            },
            {
              "text": "uniq",
              "link": "/bash/archives/commands/uniq.html"
            },
            {
              "text": "uptime",
              "link": "/bash/archives/commands/uptime.html"
            },
            {
              "text": "w",
              "link": "/bash/archives/commands/w.html"
            },
            {
              "text": "wc",
              "link": "/bash/archives/commands/wc.html"
            },
            {
              "text": "whereis",
              "link": "/bash/archives/commands/whereis.html"
            },
            {
              "text": "which",
              "link": "/bash/archives/commands/which.html"
            },
            {
              "text": "who",
              "link": "/bash/archives/commands/who.html"
            }
          ]
        }
      ]
    },
    "/bash": {
      "text": "Bash",
      "collapsed": false,
      "items": [
        {
          "text": "BASH 基本语法",
          "collapsed": false,
          "items": [
            {
              "text": "简介",
              "link": "/bash/intro.html"
            },
            {
              "text": "基本语法",
              "link": "/bash/grammar.html"
            },
            {
              "text": "模式扩展",
              "link": "/bash/expansion.html"
            },
            {
              "text": "引号和转义",
              "link": "/bash/quotation.html"
            },
            {
              "text": "变量",
              "link": "/bash/variable.html"
            },
            {
              "text": "字符串操作",
              "link": "/bash/string.html"
            },
            {
              "text": "算术运算",
              "link": "/bash/arithmetic.html"
            },
            {
              "text": "行操作",
              "link": "/bash/readline.html"
            },
            {
              "text": "目录堆栈",
              "link": "/bash/stack.html"
            },
            {
              "text": "脚本入门",
              "link": "/bash/script.html"
            },
            {
              "text": "read 命令",
              "link": "/bash/read.html"
            },
            {
              "text": "条件判断",
              "link": "/bash/condition.html"
            },
            {
              "text": "循环",
              "link": "/bash/loop.html"
            },
            {
              "text": "函数",
              "link": "/bash/function.html"
            },
            {
              "text": "数组",
              "link": "/bash/array.html"
            },
            {
              "text": "set 命令,shopt 命令",
              "link": "/bash/set.html"
            },
            {
              "text": "脚本除错",
              "link": "/bash/debug.html"
            },
            {
              "text": "mktemp 命令,trap 命令",
              "link": "/bash/mktemp.html"
            },
            {
              "text": "启动环境",
              "link": "/bash/startup.html"
            },
            {
              "text": "命令提示符",
              "link": "/bash/prompt.html"
            }
          ]
        },
        {
          "text": "计算机管理",
          "collapsed": false,
          "items": [
            {
              "text": "归档和备份",
              "link": "/bash/archives/archiving.html"
            },
            {
              "text": "异步任务",
              "link": "/bash/archives/async.html"
            },
            {
              "text": "Shell 的命令",
              "link": "/bash/archives/command.html"
            },
            {
              "text": "文件操作",
              "link": "/bash/archives/file-operation.html"
            },
            {
              "text": "文件系统",
              "link": "/bash/archives/file.html"
            },
            {
              "text": "硬件操作",
              "link": "/bash/archives/hardware.html"
            },
            {
              "text": "主机管理",
              "link": "/bash/archives/host.html"
            },
            {
              "text": "命名管道",
              "link": "/bash/archives/named-pipe.html"
            },
            {
              "text": "进程管理",
              "link": "/bash/archives/process.html"
            },
            {
              "text": "重定向",
              "link": "/bash/archives/redirection.html"
            },
            {
              "text": "正则表达式",
              "link": "/bash/archives/regex.html"
            },
            {
              "text": "系统信息",
              "link": "/bash/archives/system.html"
            },
            {
              "text": "文本处理",
              "link": "/bash/archives/text.html"
            },
            {
              "text": "时间管理",
              "link": "/bash/archives/time.html"
            },
            {
              "text": "用户管理",
              "link": "/bash/archives/user.html"
            }
          ]
        }
      ]
    },
    "/blog": {
      "text": "Blog",
      "collapsed": false,
      "items": [
        {
          "text": "Blog",
          "collapsed": false,
          "items": [
            {
              "text": "Linux资源管控",
              "link": "/blog/namespace.md"
            },
            {
              "text": "按时间只保留TOP5记录",
              "link": "/blog/time-top5.md"
            },
            {
              "text": "实时监听端口状态",
              "link": "/blog/lisenter.md"
            }
          ]
        }
      ]
    },
    "/svg": {
      "text": "Svg",
      "collapsed": false,
      "items": [
        {
          "text": "基础标签",
          "collapsed": false,
          "items": [
            {
              "text": "1.SVG教程",
              "link": "/svg/1.SVG教程.html"
            },
            {
              "text": "2.SVG示例",
              "link": "/svg/2.SVG示例.html"
            },
            {
              "text": "3.一个简单的SVG示例",
              "link": "/svg/3.一个简单的SVG示例.html"
            },
            {
              "text": "4.在Web浏览器中显示SVG",
              "link": "/svg/4.在Web浏览器中显示SVG.html"
            },
            {
              "text": "5.SVG图标",
              "link": "/svg/5.SVG图标.html"
            },
            {
              "text": "6.SVG坐标系",
              "link": "/svg/6.SVG坐标系.html"
            },
            {
              "text": "7.SVG-svg元素",
              "link": "/svg/7.SVG-svg元素.html"
            },
            {
              "text": "8.SVG-g元素",
              "link": "/svg/8.SVG-g元素.html"
            },
            {
              "text": "9.SVG-rect元素",
              "link": "/svg/9.SVG-rect元素.html"
            },
            {
              "text": "10.SVG-circle元素",
              "link": "/svg/10.SVG-circle元素.html"
            },
            {
              "text": "11.SVG-ellipse元素",
              "link": "/svg/11.SVG-ellipse元素.html"
            },
            {
              "text": "12.SVG-line元素",
              "link": "/svg/12.SVG-line元素.html"
            },
            {
              "text": "13.SVG-polyline元素",
              "link": "/svg/13.SVG-polyline元素.html"
            },
            {
              "text": "14.SVG-polygon元素",
              "link": "/svg/14.SVG-polygon元素.html"
            },
            {
              "text": "15.SVG-path元素",
              "link": "/svg/15.SVG-path元素.html"
            },
            {
              "text": "16.SVG-marker元素",
              "link": "/svg/16.SVG-marker元素.html"
            },
            {
              "text": "17.SVG-text元素",
              "link": "/svg/17.SVG-text元素.html"
            },
            {
              "text": "18.SVG-tspan元素",
              "link": "/svg/18.SVG-tspan元素.html"
            },
            {
              "text": "19.SVG-tref元素",
              "link": "/svg/19.SVG-tref元素.html"
            },
            {
              "text": "20.SVG-textpath元素",
              "link": "/svg/20.SVG-textpath元素.html"
            },
            {
              "text": "21.SVG-switch元素",
              "link": "/svg/21.SVG-switch元素.html"
            },
            {
              "text": "22.SVG-image元素",
              "link": "/svg/22.SVG-image元素.html"
            },
            {
              "text": "23.SVG-a元素",
              "link": "/svg/23.SVG-a元素.html"
            },
            {
              "text": "24.SVG-defs元素",
              "link": "/svg/24.SVG-defs元素.html"
            },
            {
              "text": "25.SVG-symbol元素",
              "link": "/svg/25.SVG-symbol元素.html"
            },
            {
              "text": "26.SVG-use元素",
              "link": "/svg/26.SVG-use元素.html"
            }
          ]
        },
        {
          "text": "进阶学习",
          "collapsed": false,
          "items": [
            {
              "text": "SVG和CSS-级联样式表",
              "link": "/svg/27.SVG和CSS-级联样式表.html"
            },
            {
              "text": "SVG轮廓",
              "link": "/svg/28.SVG轮廓.html"
            },
            {
              "text": "SVG填充",
              "link": "/svg/29.SVG填充.html"
            },
            {
              "text": "SVG视口和视图框",
              "link": "/svg/30.SVG视口和视图框.html"
            },
            {
              "text": "SVG动画",
              "link": "/svg/31.SVG动画.html"
            },
            {
              "text": "SVG脚本",
              "link": "/svg/32.SVG脚本.html"
            },
            {
              "text": "SVG变换",
              "link": "/svg/33.SVG变换.html"
            },
            {
              "text": "SVG渐变",
              "link": "/svg/34.SVG渐变.html"
            },
            {
              "text": "SVG填充图案",
              "link": "/svg/35.SVG填充图案.html"
            },
            {
              "text": "SVG剪裁路径",
              "link": "/svg/36.SVG剪裁路径.html"
            },
            {
              "text": "SVG遮罩",
              "link": "/svg/37.SVG遮罩.html"
            },
            {
              "text": "SVG滤镜",
              "link": "/svg/38.SVG滤镜.html"
            }
          ]
        }
      ]
    },
    "/npm": {
      "text": "NPM",
      "collapsed": false,
      "items": [
        {
          "text": "NPM简介",
          "link": "/npm/command/npm.html"
        },
        {
          "text": "配置",
          "collapsed": false,
          "items": [
            {
              "text": "Folders",
              "link": "/npm/configuring/Folders.html"
            },
            {
              "text": "npm-shrinkwrap.json",
              "link": "/npm/configuring/npm-shrinkwrap.json.html"
            },
            {
              "text": "npmrc",
              "link": "/npm/configuring/npmrc.html"
            },
            {
              "text": "package.json",
              "link": "/npm/configuring/package.json.html"
            }
          ]
        },
        {
          "text": "使用NPM",
          "collapsed": false,
          "items": [
            {
              "text": "Config",
              "link": "/npm/using/Config.html"
            },
            {
              "text": "Scripts",
              "link": "/npm/using/Scripts.html"
            }
          ]
        },
        {
          "text": "NPM 常用命全",
          "collapsed": false,
          "items": [
            {
              "text": "npm",
              "link": "/npm/command/npm.html"
            },
            {
              "text": "npm config",
              "link": "/npm/command/npm-config.html"
            },
            {
              "text": "npm exec",
              "link": "/npm/command/npm-exec.html"
            },
            {
              "text": "npm install",
              "link": "/npm/command/npm-install.html"
            },
            {
              "text": "npm link",
              "link": "/npm/command/npm-link.html"
            },
            {
              "text": "npm logout",
              "link": "/npm/command/npm-logout.html"
            },
            {
              "text": "npm ls",
              "link": "/npm/command/npm-ls.html"
            },
            {
              "text": "npm pack",
              "link": "/npm/command/npm-pack.html"
            },
            {
              "text": "npm pkg",
              "link": "/npm/command/npm-pkg.html"
            },
            {
              "text": "npm prefix",
              "link": "/npm/command/npm-prefix.html"
            },
            {
              "text": "npm publish",
              "link": "/npm/command/npm-publish.html"
            },
            {
              "text": "npm start",
              "link": "/npm/command/npm-start.html"
            },
            {
              "text": "npm stop",
              "link": "/npm/command/npm-stop.html"
            },
            {
              "text": "npm whoami",
              "link": "/npm/command/npm-whoami.html"
            },
            {
              "text": "npx",
              "link": "/npm/command/npx.html"
            }
          ]
        },
        {
          "text": "其他用法",
          "link": "https://docs.npmjs.com/cli/v7/using-npm/registry"
        }
      ]
    }
  },
  "footer": {
    "message": "友情链接: <a href=\"https://www.yanlingxinrui.com\" target=\"_blank\">研发解决方案</a> • <a href=\"https://cloud.yanlingxinrui.com\" target=\"_blank\">互助平台</a>",
    "copyright": "Released under the MIT License.<br/>Copyright © 2024 <a href=\"mailto:ashang.wenhe@gmail.com\">ashang.wenhe@gmail.com</a>"
  },
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/shangwenhe/shangwenhe.github.io"
    }
  ],
  "search": {
    "provider": "local",
    "options": {
      "locales": {
        "zh": {
          "translations": {
            "button": {
              "buttonText": "搜索文档",
              "buttonAriaLabel": "搜索文档"
            },
            "modal": {
              "noResultsText": "无法找到相关结果",
              "resetButtonTitle": "清除查询条件",
              "footer": {
                "selectText": "选择",
                "navigateText": "切换"
              }
            }
          }
        }
      }
    }
  }
}

Page Data

{
  "title": "Runtime API Examples",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "api-examples.md",
  "filePath": "api-examples.md"
}

Page Frontmatter

{
  "outline": "deep"
}

More

Check out the documentation for the full list of runtime APIs.