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>Results
Theme Data
{
"returnToTopLabel": "回到顶部",
"footer": {
"message": "The future is promising",
"copyright": "Copyright © 2024-present Evan You"
},
"logo": "/logo.png",
"outline": {
"label": "页面导航"
},
"nav": [
{
"text": "Vue",
"link": "/src/前端/Vue/"
},
{
"text": "Typescript",
"link": "/src/前端/Typescript/"
},
{
"text": "Javascript",
"link": "/src/前端/Javascript/"
},
{
"text": "html5",
"link": "/src/前端/html5/"
},
{
"text": "前端",
"items": [
{
"text": "Electron",
"link": "/src/前端/Electron/",
"activeMatch": "/src/前端/Electron/"
},
{
"text": "Javascript",
"link": "/src/前端/Javascript/",
"activeMatch": "/src/前端/Javascript/"
},
{
"text": "Nextjs",
"link": "/src/前端/Nextjs/",
"activeMatch": "/src/前端/Nextjs/"
},
{
"text": "React",
"link": "/src/前端/React/",
"activeMatch": "/src/前端/React/"
},
{
"text": "Server",
"link": "/src/前端/Server/",
"activeMatch": "/src/前端/Server/"
},
{
"text": "Typescript",
"link": "/src/前端/Typescript/",
"activeMatch": "/src/前端/Typescript/"
},
{
"text": "Vue",
"link": "/src/前端/Vue/",
"activeMatch": "/src/前端/Vue/"
},
{
"text": "Webpack",
"link": "/src/前端/Webpack/",
"activeMatch": "/src/前端/Webpack/"
},
{
"text": "es6",
"link": "/src/前端/es6/",
"activeMatch": "/src/前端/es6/"
},
{
"text": "html5",
"link": "/src/前端/html5/",
"activeMatch": "/src/前端/html5/"
},
{
"text": "index",
"link": "/src/前端/index",
"activeMatch": "/src/前端/index/"
},
{
"text": "jQuery",
"link": "/src/前端/jQuery/",
"activeMatch": "/src/前端/jQuery/"
},
{
"text": "mini-programe",
"link": "/src/前端/mini-programe/",
"activeMatch": "/src/前端/mini-programe/"
},
{
"text": "node",
"link": "/src/前端/node/",
"activeMatch": "/src/前端/node/"
},
{
"text": "other-note",
"link": "/src/前端/other-note/",
"activeMatch": "/src/前端/other-note/"
},
{
"text": "react-native",
"link": "/src/前端/react-native/",
"activeMatch": "/src/前端/react-native/"
}
],
"activeMatch": "/src/前端/"
}
],
"sidebar": {
"/src/前端/Electron": {
"text": "Electron",
"items": [
{
"text": "Electron-01 electron概念、搭建⼀个⼯程",
"link": "/src/前端/Electron/Electron-01 electron概念、搭建⼀个⼯程"
},
{
"text": "Electron-02 进程通讯",
"link": "/src/前端/Electron/Electron-02 进程通讯"
}
]
},
"/src/前端/Javascript": {
"text": "Javascript",
"items": [
{
"text": "js-01 javascript 初始",
"link": "/src/前端/Javascript/js-01 javascript 初始"
},
{
"text": "js-02 javascript数据类型篇",
"link": "/src/前端/Javascript/js-02 javascript数据类型篇"
},
{
"text": "js-03 条件、循环、语句",
"link": "/src/前端/Javascript/js-03 条件、循环、语句"
},
{
"text": "js-04 自定义属性",
"link": "/src/前端/Javascript/js-04 自定义属性"
},
{
"text": "js-05 函数",
"link": "/src/前端/Javascript/js-05 函数"
},
{
"text": "js-06 定时器、时间、Math",
"link": "/src/前端/Javascript/js-06 定时器、时间、Math"
},
{
"text": "js-07 字符串、对象",
"link": "/src/前端/Javascript/js-07 字符串、对象"
},
{
"text": "js-08 数组",
"link": "/src/前端/Javascript/js-08 数组"
},
{
"text": "js-09 DOM",
"link": "/src/前端/Javascript/js-09 DOM"
},
{
"text": "js-10 BOM",
"link": "/src/前端/Javascript/js-10 BOM"
},
{
"text": "js-11 事件对象",
"link": "/src/前端/Javascript/js-11 事件对象"
},
{
"text": "js-12 拖拽、缓冲、懒加载",
"link": "/src/前端/Javascript/js-12 拖拽、缓冲、懒加载"
},
{
"text": "js-13 cookie",
"link": "/src/前端/Javascript/js-13 cookie"
},
{
"text": "js-14 正则篇",
"link": "/src/前端/Javascript/js-14 正则篇"
},
{
"text": "js-15 面向对象、继承",
"link": "/src/前端/Javascript/js-15 面向对象、继承"
},
{
"text": "js-16 闭包、高阶函数、ajax",
"link": "/src/前端/Javascript/js-16 闭包、高阶函数、ajax"
},
{
"text": "js-17 拖拽API、文件上传、下载",
"link": "/src/前端/Javascript/js-17 拖拽API、文件上传、下载"
},
{
"text": "js-18 其他API",
"link": "/src/前端/Javascript/js-18 其他API"
},
{
"text": "js-19 ajax、接口请求 跨域",
"link": "/src/前端/Javascript/js-19 ajax、接口请求 跨域"
},
{
"text": "js小方法",
"link": "/src/前端/Javascript/js小方法"
},
{
"text": "js插件推荐",
"link": "/src/前端/Javascript/js插件推荐"
},
{
"text": "js数据结构",
"link": "/src/前端/Javascript/js数据结构"
},
{
"text": "js源码实现",
"link": "/src/前端/Javascript/js源码实现"
},
{
"text": "js理论面试题",
"link": "/src/前端/Javascript/js理论面试题"
},
{
"text": "js算法",
"link": "/src/前端/Javascript/js算法"
},
{
"text": "js类型整合（助记）",
"link": "/src/前端/Javascript/js类型整合（助记）"
},
{
"text": "js设计模式",
"link": "/src/前端/Javascript/js设计模式"
},
{
"text": "js面试问题",
"link": "/src/前端/Javascript/js面试问题"
},
{
"text": "lodash常用方法",
"link": "/src/前端/Javascript/lodash常用方法"
}
]
},
"/src/前端/Nextjs": {
"text": "Nextjs",
"items": [
{
"text": "Next-01 服务端组件、客户端组件、不同类型组件交叉使用的注意点、缓存",
"link": "/src/前端/Nextjs/Next-01 服务端组件、客户端组件、不同类型组件交叉使用的注意点、缓存"
},
{
"text": "Next-02 路由处理程序、ServerAction",
"link": "/src/前端/Nextjs/Next-02 路由处理程序、ServerAction"
}
]
},
"/src/前端/React": {
"text": "React",
"items": [
{
"text": "Reach__router",
"link": "/src/前端/React/Reach__router"
},
{
"text": "React写测试",
"link": "/src/前端/React/React写测试"
},
{
"text": "React搭建项目",
"link": "/src/前端/React/React搭建项目"
},
{
"text": "React面试",
"link": "/src/前端/React/React面试"
},
{
"text": "hooks实现原理",
"link": "/src/前端/React/hooks实现原理"
},
{
"text": "react-01 初识",
"link": "/src/前端/React/react-01 初识"
},
{
"text": "react-02 脚手架、JSX",
"link": "/src/前端/React/react-02 脚手架、JSX"
},
{
"text": "react-03 组件通讯、生命周期",
"link": "/src/前端/React/react-03 组件通讯、生命周期"
},
{
"text": "react-04 路由",
"link": "/src/前端/React/react-04 路由"
},
{
"text": "react-05 其他Api",
"link": "/src/前端/React/react-05 其他Api"
},
{
"text": "react-06 Redux",
"link": "/src/前端/React/react-06 Redux"
},
{
"text": "react-07 hooks",
"link": "/src/前端/React/react-07 hooks"
},
{
"text": "react-08 高阶组件",
"link": "/src/前端/React/react-08 高阶组件"
},
{
"text": "react-09 项目优化、项目坑",
"link": "/src/前端/React/react-09 项目优化、项目坑"
},
{
"text": "react-10 服务端渲染",
"link": "/src/前端/React/react-10 服务端渲染"
},
{
"text": "react常用插件",
"link": "/src/前端/React/react常用插件"
},
{
"text": "常用自定义hooks",
"link": "/src/前端/React/常用自定义hooks"
}
]
},
"/src/前端/Server": {
"text": "Server",
"items": [
{
"text": "linux-01 系统知识",
"link": "/src/前端/Server/linux-01 系统知识"
},
{
"text": "linux-02 基本操作",
"link": "/src/前端/Server/linux-02 基本操作"
},
{
"text": "linux-03 文件操作",
"link": "/src/前端/Server/linux-03 文件操作"
},
{
"text": "linux-04 vim编辑器",
"link": "/src/前端/Server/linux-04 vim编辑器"
},
{
"text": "linux-05 基本管理",
"link": "/src/前端/Server/linux-05 基本管理"
},
{
"text": "linux-06 shell基础",
"link": "/src/前端/Server/linux-06 shell基础"
},
{
"text": "linux-07 shell语句",
"link": "/src/前端/Server/linux-07 shell语句"
},
{
"text": "linux常用",
"link": "/src/前端/Server/linux常用"
},
{
"text": "nginx配置",
"link": "/src/前端/Server/nginx配置"
},
{
"text": "ubuntu教程",
"link": "/src/前端/Server/ubuntu教程"
},
{
"text": "宝塔面板搭建服务器",
"link": "/src/前端/Server/宝塔面板搭建服务器"
}
]
},
"/src/前端/Typescript": {
"text": "Typescript",
"items": [
{
"text": "ts-01 基础类型",
"link": "/src/前端/Typescript/ts-01 基础类型"
},
{
"text": "ts-02 接口、函数",
"link": "/src/前端/Typescript/ts-02 接口、函数"
},
{
"text": "ts-03 泛型、类",
"link": "/src/前端/Typescript/ts-03 泛型、类"
},
{
"text": "ts-04 枚举、类型推论",
"link": "/src/前端/Typescript/ts-04 枚举、类型推论"
},
{
"text": "ts-05 高级类型",
"link": "/src/前端/Typescript/ts-05 高级类型"
},
{
"text": "ts-06 命名空间、声明合并",
"link": "/src/前端/Typescript/ts-06 命名空间、声明合并"
},
{
"text": "ts-07 装饰器、Mixins",
"link": "/src/前端/Typescript/ts-07 装饰器、Mixins"
},
{
"text": "ts-08 声明文件、模块解析",
"link": "/src/前端/Typescript/ts-08 声明文件、模块解析"
},
{
"text": "ts-09 其他",
"link": "/src/前端/Typescript/ts-09 其他"
},
{
"text": "ts-类型收集",
"link": "/src/前端/Typescript/ts-类型收集"
},
{
"text": "tsconfig",
"link": "/src/前端/Typescript/tsconfig"
},
{
"text": "ts实战例子",
"link": "/src/前端/Typescript/ts实战例子"
},
{
"text": "ts开发环境搭建",
"link": "/src/前端/Typescript/ts开发环境搭建"
},
{
"text": "typescript_react",
"link": "/src/前端/Typescript/typescript_react"
},
{
"text": "typescript_vue",
"link": "/src/前端/Typescript/typescript_vue"
},
{
"text": "总结Typescript",
"link": "/src/前端/Typescript/总结Typescript"
}
]
},
"/src/前端/Vue": {
"text": "Vue",
"items": [
{
"text": "Vue3-API",
"link": "/src/前端/Vue/Vue3-API"
},
{
"text": "Vue3-Vue2不同点",
"link": "/src/前端/Vue/Vue3-Vue2不同点"
},
{
"text": "Vue3造轮子常用",
"link": "/src/前端/Vue/Vue3造轮子常用"
},
{
"text": "vue-01 初识vue",
"link": "/src/前端/Vue/vue-01 初识vue"
},
{
"text": "vue-02 修饰符 表单",
"link": "/src/前端/Vue/vue-02 修饰符 表单"
},
{
"text": "vue-03 组件 Prop",
"link": "/src/前端/Vue/vue-03 组件 Prop"
},
{
"text": "vue-04 组件通讯 插槽",
"link": "/src/前端/Vue/vue-04 组件通讯 插槽"
},
{
"text": "vue-05 过渡 生命周期",
"link": "/src/前端/Vue/vue-05 过渡 生命周期"
},
{
"text": "vue-06 Router",
"link": "/src/前端/Vue/vue-06 Router"
},
{
"text": "vue-07 Vuex",
"link": "/src/前端/Vue/vue-07 Vuex"
},
{
"text": "vue-08 插件开发",
"link": "/src/前端/Vue/vue-08 插件开发"
},
{
"text": "vue实战技巧",
"link": "/src/前端/Vue/vue实战技巧"
},
{
"text": "vue造轮子常用方法",
"link": "/src/前端/Vue/vue造轮子常用方法"
},
{
"text": "vue面试题",
"link": "/src/前端/Vue/vue面试题"
},
{
"text": "vue项目bug记录",
"link": "/src/前端/Vue/vue项目bug记录"
}
]
},
"/src/前端/Webpack": {
"text": "Webpack",
"items": [
{
"text": "webpack-01 服务、配置项",
"link": "/src/前端/Webpack/webpack-01 服务、配置项"
},
{
"text": "webpack-02 处理js、暴露全局变量",
"link": "/src/前端/Webpack/webpack-02 处理js、暴露全局变量"
},
{
"text": "webpack-03 多页面、source-map、实时打包",
"link": "/src/前端/Webpack/webpack-03 多页面、source-map、实时打包"
},
{
"text": "webpack-04 优化、动态链接库、多线程打包",
"link": "/src/前端/Webpack/webpack-04 优化、动态链接库、多线程打包"
},
{
"text": "webpack-05 抽离公共模块、懒加载",
"link": "/src/前端/Webpack/webpack-05 抽离公共模块、懒加载"
},
{
"text": "webpack原理",
"link": "/src/前端/Webpack/webpack原理"
},
{
"text": "webpack插件",
"link": "/src/前端/Webpack/webpack插件"
}
]
},
"/src/前端/es6": {
"text": "es6",
"items": [
{
"text": "es6-01 let、解构、模板、箭头",
"link": "/src/前端/es6/es6-01 let、解构、模板、箭头"
},
{
"text": "es6-02 扩展、Symbol、iterator",
"link": "/src/前端/es6/es6-02 扩展、Symbol、iterator"
},
{
"text": "es6-03 类、set、map",
"link": "/src/前端/es6/es6-03 类、set、map"
},
{
"text": "es6-04 Promise、async",
"link": "/src/前端/es6/es6-04 Promise、async"
},
{
"text": "es6-05 扩展",
"link": "/src/前端/es6/es6-05 扩展"
},
{
"text": "es6-06 module",
"link": "/src/前端/es6/es6-06 module"
},
{
"text": "es6-07 proxy、Reflect",
"link": "/src/前端/es6/es6-07 proxy、Reflect"
},
{
"text": "es6-08 新提案",
"link": "/src/前端/es6/es6-08 新提案"
},
{
"text": "es6原理实现",
"link": "/src/前端/es6/es6原理实现"
}
]
},
"/src/前端/html5": {
"text": "html5",
"items": [
{
"text": "CSS 预编译器",
"link": "/src/前端/html5/CSS 预编译器"
},
{
"text": "CSS常用布局",
"link": "/src/前端/html5/CSS常用布局"
},
{
"text": "css小方法",
"link": "/src/前端/html5/css小方法"
},
{
"text": "css常见bug",
"link": "/src/前端/html5/css常见bug"
},
{
"text": "html-01 基础知识",
"link": "/src/前端/html5/html-01 基础知识"
},
{
"text": "html-02 a标签，表格，表单",
"link": "/src/前端/html5/html-02 a标签，表格，表单"
},
{
"text": "html-03 CSS样式字体",
"link": "/src/前端/html5/html-03 CSS样式字体"
},
{
"text": "html-04 盒子模型 背景",
"link": "/src/前端/html5/html-04 盒子模型 背景"
},
{
"text": "html-05 元素转换、浮动",
"link": "/src/前端/html5/html-05 元素转换、浮动"
},
{
"text": "html-06 定位 BFC",
"link": "/src/前端/html5/html-06 定位 BFC"
},
{
"text": "html-07 布局方式 IE",
"link": "/src/前端/html5/html-07 布局方式 IE"
},
{
"text": "html-08 雪碧图",
"link": "/src/前端/html5/html-08 雪碧图"
},
{
"text": "html-11 Svg简介",
"link": "/src/前端/html5/html-11 Svg简介"
},
{
"text": "html-12 HTML5",
"link": "/src/前端/html5/html-12 HTML5"
},
{
"text": "html-13 CSS3选择器",
"link": "/src/前端/html5/html-13 CSS3选择器"
},
{
"text": "html-14 flex、grid、table",
"link": "/src/前端/html5/html-14 flex、grid、table"
},
{
"text": "html-15 LESS css预处理器",
"link": "/src/前端/html5/html-15 LESS css预处理器"
},
{
"text": "html-17 移动端布局",
"link": "/src/前端/html5/html-17 移动端布局"
},
{
"text": "html-18 2D、3D动画",
"link": "/src/前端/html5/html-18 2D、3D动画"
},
{
"text": "html-19 filter",
"link": "/src/前端/html5/html-19 filter"
},
{
"text": "html面试问题",
"link": "/src/前端/html5/html面试问题"
},
{
"text": "reset.css",
"link": "/src/前端/html5/reset.css"
},
{
"text": "容易忘记的知识",
"link": "/src/前端/html5/容易忘记的知识"
},
{
"text": "提高css开发效率",
"link": "/src/前端/html5/提高css开发效率"
}
]
},
"/src/前端/jQuery": {
"text": "jQuery",
"items": [
{
"text": "jq-01 什么是jQuery",
"link": "/src/前端/jQuery/jq-01 什么是jQuery"
},
{
"text": "jq-02 选择器",
"link": "/src/前端/jQuery/jq-02 选择器"
},
{
"text": "jq-03 属性、位置",
"link": "/src/前端/jQuery/jq-03 属性、位置"
},
{
"text": "jq-04 事件和动画",
"link": "/src/前端/jQuery/jq-04 事件和动画"
},
{
"text": "jq-05 ajax 自定义jquery插件",
"link": "/src/前端/jQuery/jq-05 ajax 自定义jquery插件"
}
]
},
"/src/前端/mini-programe": {
"text": "mini-programe",
"items": [
{
"text": "小程序-01 小程序入门",
"link": "/src/前端/mini-programe/小程序-01 小程序入门"
},
{
"text": "小程序-02 模板、组件",
"link": "/src/前端/mini-programe/小程序-02 模板、组件"
},
{
"text": "小程序-03 媒体组件",
"link": "/src/前端/mini-programe/小程序-03 媒体组件"
},
{
"text": "小程序-04 API",
"link": "/src/前端/mini-programe/小程序-04 API"
},
{
"text": "小程序-05 路由封装",
"link": "/src/前端/mini-programe/小程序-05 路由封装"
},
{
"text": "小程序-07 mpvue",
"link": "/src/前端/mini-programe/小程序-07 mpvue"
}
]
},
"/src/前端/node": {
"text": "node",
"items": [
{
"text": "HTTP状态码",
"link": "/src/前端/node/HTTP状态码"
},
{
"text": "index的副本.assets",
"collapsed": false,
"items": [],
"collapsible": true
},
{
"text": "node-01 http nodejs",
"link": "/src/前端/node/node-01 http nodejs"
},
{
"text": "node-02 路由、path、模块",
"link": "/src/前端/node/node-02 路由、path、模块"
},
{
"text": "node-03 fs文件",
"link": "/src/前端/node/node-03 fs文件"
},
{
"text": "node-04 express 跨域",
"link": "/src/前端/node/node-04 express 跨域"
},
{
"text": "node-05 RESTful、爬虫",
"link": "/src/前端/node/node-05 RESTful、爬虫"
},
{
"text": "node-06 加密 cookie ejs",
"link": "/src/前端/node/node-06 加密 cookie ejs"
},
{
"text": "node-07 模板化",
"link": "/src/前端/node/node-07 模板化"
},
{
"text": "node-08 mongodb",
"link": "/src/前端/node/node-08 mongodb"
},
{
"text": "node-09 mongoose",
"link": "/src/前端/node/node-09 mongoose"
},
{
"text": "node-10 websocket",
"link": "/src/前端/node/node-10 websocket"
},
{
"text": "node使用babel",
"link": "/src/前端/node/node使用babel"
},
{
"text": "node常用指令",
"link": "/src/前端/node/node常用指令"
},
{
"text": "node插件分享",
"link": "/src/前端/node/node插件分享"
},
{
"text": "node项目实例",
"link": "/src/前端/node/node项目实例"
},
{
"text": "node项目小技巧",
"link": "/src/前端/node/node项目小技巧"
}
]
},
"/src/前端/other-note": {
"text": "other-note",
"items": [
{
"text": "AST抽象语法树",
"link": "/src/前端/other-note/AST抽象语法树"
},
{
"text": "Immutable",
"link": "/src/前端/other-note/Immutable"
},
{
"text": "Mac使用技巧",
"link": "/src/前端/other-note/Mac使用技巧"
},
{
"text": "Markdown语法",
"link": "/src/前端/other-note/Markdown语法"
},
{
"text": "Typora设置",
"link": "/src/前端/other-note/Typora设置"
},
{
"text": "VS code 使用技巧",
"link": "/src/前端/other-note/VS code 使用技巧"
},
{
"text": "VuePress搭建个人博客",
"link": "/src/前端/other-note/VuePress搭建个人博客"
},
{
"text": "animate.css使用方法",
"link": "/src/前端/other-note/animate.css使用方法"
},
{
"text": "bootstrap 全局css样式",
"link": "/src/前端/other-note/bootstrap 全局css样式"
},
{
"text": "canvas",
"link": "/src/前端/other-note/canvas"
},
{
"text": "git",
"link": "/src/前端/other-note/git"
},
{
"text": "hexo搭建个人博客",
"link": "/src/前端/other-note/hexo搭建个人博客"
},
{
"text": "mobx",
"link": "/src/前端/other-note/mobx"
},
{
"text": "七牛云cdn加速图片",
"link": "/src/前端/other-note/七牛云cdn加速图片"
},
{
"text": "包管理工具",
"link": "/src/前端/other-note/包管理工具"
},
{
"text": "团队协作工具",
"link": "/src/前端/other-note/团队协作工具"
},
{
"text": "微信分享",
"link": "/src/前端/other-note/微信分享"
},
{
"text": "未学知识",
"link": "/src/前端/other-note/未学知识"
},
{
"text": "浏览器技巧",
"link": "/src/前端/other-note/浏览器技巧"
},
{
"text": "百度地图API",
"link": "/src/前端/other-note/百度地图API"
},
{
"text": "配置支付宝接口",
"link": "/src/前端/other-note/配置支付宝接口"
},
{
"text": "面试复习",
"link": "/src/前端/other-note/面试复习"
}
]
},
"/src/前端/react-native": {
"text": "react-native",
"items": [
{
"text": "rn-01 react-native",
"link": "/src/前端/react-native/rn-01 react-native"
}
]
},
"/src/前端/": [
{
"text": "Electron",
"collapsed": false,
"items": [
{
"text": "Electron-01 electron概念、搭建⼀个⼯程",
"link": "/src/前端/Electron/Electron-01 electron概念、搭建⼀个⼯程"
},
{
"text": "Electron-02 进程通讯",
"link": "/src/前端/Electron/Electron-02 进程通讯"
}
],
"collapsible": true
},
{
"text": "Javascript",
"collapsed": false,
"items": [
{
"text": "js-01 javascript 初始",
"link": "/src/前端/Javascript/js-01 javascript 初始"
},
{
"text": "js-02 javascript数据类型篇",
"link": "/src/前端/Javascript/js-02 javascript数据类型篇"
},
{
"text": "js-03 条件、循环、语句",
"link": "/src/前端/Javascript/js-03 条件、循环、语句"
},
{
"text": "js-04 自定义属性",
"link": "/src/前端/Javascript/js-04 自定义属性"
},
{
"text": "js-05 函数",
"link": "/src/前端/Javascript/js-05 函数"
},
{
"text": "js-06 定时器、时间、Math",
"link": "/src/前端/Javascript/js-06 定时器、时间、Math"
},
{
"text": "js-07 字符串、对象",
"link": "/src/前端/Javascript/js-07 字符串、对象"
},
{
"text": "js-08 数组",
"link": "/src/前端/Javascript/js-08 数组"
},
{
"text": "js-09 DOM",
"link": "/src/前端/Javascript/js-09 DOM"
},
{
"text": "js-10 BOM",
"link": "/src/前端/Javascript/js-10 BOM"
},
{
"text": "js-11 事件对象",
"link": "/src/前端/Javascript/js-11 事件对象"
},
{
"text": "js-12 拖拽、缓冲、懒加载",
"link": "/src/前端/Javascript/js-12 拖拽、缓冲、懒加载"
},
{
"text": "js-13 cookie",
"link": "/src/前端/Javascript/js-13 cookie"
},
{
"text": "js-14 正则篇",
"link": "/src/前端/Javascript/js-14 正则篇"
},
{
"text": "js-15 面向对象、继承",
"link": "/src/前端/Javascript/js-15 面向对象、继承"
},
{
"text": "js-16 闭包、高阶函数、ajax",
"link": "/src/前端/Javascript/js-16 闭包、高阶函数、ajax"
},
{
"text": "js-17 拖拽API、文件上传、下载",
"link": "/src/前端/Javascript/js-17 拖拽API、文件上传、下载"
},
{
"text": "js-18 其他API",
"link": "/src/前端/Javascript/js-18 其他API"
},
{
"text": "js-19 ajax、接口请求 跨域",
"link": "/src/前端/Javascript/js-19 ajax、接口请求 跨域"
},
{
"text": "js小方法",
"link": "/src/前端/Javascript/js小方法"
},
{
"text": "js插件推荐",
"link": "/src/前端/Javascript/js插件推荐"
},
{
"text": "js数据结构",
"link": "/src/前端/Javascript/js数据结构"
},
{
"text": "js源码实现",
"link": "/src/前端/Javascript/js源码实现"
},
{
"text": "js理论面试题",
"link": "/src/前端/Javascript/js理论面试题"
},
{
"text": "js算法",
"link": "/src/前端/Javascript/js算法"
},
{
"text": "js类型整合（助记）",
"link": "/src/前端/Javascript/js类型整合（助记）"
},
{
"text": "js设计模式",
"link": "/src/前端/Javascript/js设计模式"
},
{
"text": "js面试问题",
"link": "/src/前端/Javascript/js面试问题"
},
{
"text": "lodash常用方法",
"link": "/src/前端/Javascript/lodash常用方法"
}
],
"collapsible": true
},
{
"text": "Nextjs",
"collapsed": false,
"items": [
{
"text": "Next-01 服务端组件、客户端组件、不同类型组件交叉使用的注意点、缓存",
"link": "/src/前端/Nextjs/Next-01 服务端组件、客户端组件、不同类型组件交叉使用的注意点、缓存"
},
{
"text": "Next-02 路由处理程序、ServerAction",
"link": "/src/前端/Nextjs/Next-02 路由处理程序、ServerAction"
}
],
"collapsible": true
},
{
"text": "React",
"collapsed": false,
"items": [
{
"text": "Reach__router",
"link": "/src/前端/React/Reach__router"
},
{
"text": "React写测试",
"link": "/src/前端/React/React写测试"
},
{
"text": "React搭建项目",
"link": "/src/前端/React/React搭建项目"
},
{
"text": "React面试",
"link": "/src/前端/React/React面试"
},
{
"text": "hooks实现原理",
"link": "/src/前端/React/hooks实现原理"
},
{
"text": "react-01 初识",
"link": "/src/前端/React/react-01 初识"
},
{
"text": "react-02 脚手架、JSX",
"link": "/src/前端/React/react-02 脚手架、JSX"
},
{
"text": "react-03 组件通讯、生命周期",
"link": "/src/前端/React/react-03 组件通讯、生命周期"
},
{
"text": "react-04 路由",
"link": "/src/前端/React/react-04 路由"
},
{
"text": "react-05 其他Api",
"link": "/src/前端/React/react-05 其他Api"
},
{
"text": "react-06 Redux",
"link": "/src/前端/React/react-06 Redux"
},
{
"text": "react-07 hooks",
"link": "/src/前端/React/react-07 hooks"
},
{
"text": "react-08 高阶组件",
"link": "/src/前端/React/react-08 高阶组件"
},
{
"text": "react-09 项目优化、项目坑",
"link": "/src/前端/React/react-09 项目优化、项目坑"
},
{
"text": "react-10 服务端渲染",
"link": "/src/前端/React/react-10 服务端渲染"
},
{
"text": "react常用插件",
"link": "/src/前端/React/react常用插件"
},
{
"text": "常用自定义hooks",
"link": "/src/前端/React/常用自定义hooks"
}
],
"collapsible": true
},
{
"text": "Server",
"collapsed": false,
"items": [
{
"text": "linux-01 系统知识",
"link": "/src/前端/Server/linux-01 系统知识"
},
{
"text": "linux-02 基本操作",
"link": "/src/前端/Server/linux-02 基本操作"
},
{
"text": "linux-03 文件操作",
"link": "/src/前端/Server/linux-03 文件操作"
},
{
"text": "linux-04 vim编辑器",
"link": "/src/前端/Server/linux-04 vim编辑器"
},
{
"text": "linux-05 基本管理",
"link": "/src/前端/Server/linux-05 基本管理"
},
{
"text": "linux-06 shell基础",
"link": "/src/前端/Server/linux-06 shell基础"
},
{
"text": "linux-07 shell语句",
"link": "/src/前端/Server/linux-07 shell语句"
},
{
"text": "linux常用",
"link": "/src/前端/Server/linux常用"
},
{
"text": "nginx配置",
"link": "/src/前端/Server/nginx配置"
},
{
"text": "ubuntu教程",
"link": "/src/前端/Server/ubuntu教程"
},
{
"text": "宝塔面板搭建服务器",
"link": "/src/前端/Server/宝塔面板搭建服务器"
}
],
"collapsible": true
},
{
"text": "Typescript",
"collapsed": false,
"items": [
{
"text": "ts-01 基础类型",
"link": "/src/前端/Typescript/ts-01 基础类型"
},
{
"text": "ts-02 接口、函数",
"link": "/src/前端/Typescript/ts-02 接口、函数"
},
{
"text": "ts-03 泛型、类",
"link": "/src/前端/Typescript/ts-03 泛型、类"
},
{
"text": "ts-04 枚举、类型推论",
"link": "/src/前端/Typescript/ts-04 枚举、类型推论"
},
{
"text": "ts-05 高级类型",
"link": "/src/前端/Typescript/ts-05 高级类型"
},
{
"text": "ts-06 命名空间、声明合并",
"link": "/src/前端/Typescript/ts-06 命名空间、声明合并"
},
{
"text": "ts-07 装饰器、Mixins",
"link": "/src/前端/Typescript/ts-07 装饰器、Mixins"
},
{
"text": "ts-08 声明文件、模块解析",
"link": "/src/前端/Typescript/ts-08 声明文件、模块解析"
},
{
"text": "ts-09 其他",
"link": "/src/前端/Typescript/ts-09 其他"
},
{
"text": "ts-类型收集",
"link": "/src/前端/Typescript/ts-类型收集"
},
{
"text": "tsconfig",
"link": "/src/前端/Typescript/tsconfig"
},
{
"text": "ts实战例子",
"link": "/src/前端/Typescript/ts实战例子"
},
{
"text": "ts开发环境搭建",
"link": "/src/前端/Typescript/ts开发环境搭建"
},
{
"text": "typescript_react",
"link": "/src/前端/Typescript/typescript_react"
},
{
"text": "typescript_vue",
"link": "/src/前端/Typescript/typescript_vue"
},
{
"text": "总结Typescript",
"link": "/src/前端/Typescript/总结Typescript"
}
],
"collapsible": true
},
{
"text": "Vue",
"collapsed": false,
"items": [
{
"text": "Vue3-API",
"link": "/src/前端/Vue/Vue3-API"
},
{
"text": "Vue3-Vue2不同点",
"link": "/src/前端/Vue/Vue3-Vue2不同点"
},
{
"text": "Vue3造轮子常用",
"link": "/src/前端/Vue/Vue3造轮子常用"
},
{
"text": "vue-01 初识vue",
"link": "/src/前端/Vue/vue-01 初识vue"
},
{
"text": "vue-02 修饰符 表单",
"link": "/src/前端/Vue/vue-02 修饰符 表单"
},
{
"text": "vue-03 组件 Prop",
"link": "/src/前端/Vue/vue-03 组件 Prop"
},
{
"text": "vue-04 组件通讯 插槽",
"link": "/src/前端/Vue/vue-04 组件通讯 插槽"
},
{
"text": "vue-05 过渡 生命周期",
"link": "/src/前端/Vue/vue-05 过渡 生命周期"
},
{
"text": "vue-06 Router",
"link": "/src/前端/Vue/vue-06 Router"
},
{
"text": "vue-07 Vuex",
"link": "/src/前端/Vue/vue-07 Vuex"
},
{
"text": "vue-08 插件开发",
"link": "/src/前端/Vue/vue-08 插件开发"
},
{
"text": "vue实战技巧",
"link": "/src/前端/Vue/vue实战技巧"
},
{
"text": "vue造轮子常用方法",
"link": "/src/前端/Vue/vue造轮子常用方法"
},
{
"text": "vue面试题",
"link": "/src/前端/Vue/vue面试题"
},
{
"text": "vue项目bug记录",
"link": "/src/前端/Vue/vue项目bug记录"
}
],
"collapsible": true
},
{
"text": "Webpack",
"collapsed": false,
"items": [
{
"text": "webpack-01 服务、配置项",
"link": "/src/前端/Webpack/webpack-01 服务、配置项"
},
{
"text": "webpack-02 处理js、暴露全局变量",
"link": "/src/前端/Webpack/webpack-02 处理js、暴露全局变量"
},
{
"text": "webpack-03 多页面、source-map、实时打包",
"link": "/src/前端/Webpack/webpack-03 多页面、source-map、实时打包"
},
{
"text": "webpack-04 优化、动态链接库、多线程打包",
"link": "/src/前端/Webpack/webpack-04 优化、动态链接库、多线程打包"
},
{
"text": "webpack-05 抽离公共模块、懒加载",
"link": "/src/前端/Webpack/webpack-05 抽离公共模块、懒加载"
},
{
"text": "webpack原理",
"link": "/src/前端/Webpack/webpack原理"
},
{
"text": "webpack插件",
"link": "/src/前端/Webpack/webpack插件"
}
],
"collapsible": true
},
{
"text": "es6",
"collapsed": false,
"items": [
{
"text": "es6-01 let、解构、模板、箭头",
"link": "/src/前端/es6/es6-01 let、解构、模板、箭头"
},
{
"text": "es6-02 扩展、Symbol、iterator",
"link": "/src/前端/es6/es6-02 扩展、Symbol、iterator"
},
{
"text": "es6-03 类、set、map",
"link": "/src/前端/es6/es6-03 类、set、map"
},
{
"text": "es6-04 Promise、async",
"link": "/src/前端/es6/es6-04 Promise、async"
},
{
"text": "es6-05 扩展",
"link": "/src/前端/es6/es6-05 扩展"
},
{
"text": "es6-06 module",
"link": "/src/前端/es6/es6-06 module"
},
{
"text": "es6-07 proxy、Reflect",
"link": "/src/前端/es6/es6-07 proxy、Reflect"
},
{
"text": "es6-08 新提案",
"link": "/src/前端/es6/es6-08 新提案"
},
{
"text": "es6原理实现",
"link": "/src/前端/es6/es6原理实现"
}
],
"collapsible": true
},
{
"text": "html5",
"collapsed": false,
"items": [
{
"text": "CSS 预编译器",
"link": "/src/前端/html5/CSS 预编译器"
},
{
"text": "CSS常用布局",
"link": "/src/前端/html5/CSS常用布局"
},
{
"text": "css小方法",
"link": "/src/前端/html5/css小方法"
},
{
"text": "css常见bug",
"link": "/src/前端/html5/css常见bug"
},
{
"text": "html-01 基础知识",
"link": "/src/前端/html5/html-01 基础知识"
},
{
"text": "html-02 a标签，表格，表单",
"link": "/src/前端/html5/html-02 a标签，表格，表单"
},
{
"text": "html-03 CSS样式字体",
"link": "/src/前端/html5/html-03 CSS样式字体"
},
{
"text": "html-04 盒子模型 背景",
"link": "/src/前端/html5/html-04 盒子模型 背景"
},
{
"text": "html-05 元素转换、浮动",
"link": "/src/前端/html5/html-05 元素转换、浮动"
},
{
"text": "html-06 定位 BFC",
"link": "/src/前端/html5/html-06 定位 BFC"
},
{
"text": "html-07 布局方式 IE",
"link": "/src/前端/html5/html-07 布局方式 IE"
},
{
"text": "html-08 雪碧图",
"link": "/src/前端/html5/html-08 雪碧图"
},
{
"text": "html-11 Svg简介",
"link": "/src/前端/html5/html-11 Svg简介"
},
{
"text": "html-12 HTML5",
"link": "/src/前端/html5/html-12 HTML5"
},
{
"text": "html-13 CSS3选择器",
"link": "/src/前端/html5/html-13 CSS3选择器"
},
{
"text": "html-14 flex、grid、table",
"link": "/src/前端/html5/html-14 flex、grid、table"
},
{
"text": "html-15 LESS css预处理器",
"link": "/src/前端/html5/html-15 LESS css预处理器"
},
{
"text": "html-17 移动端布局",
"link": "/src/前端/html5/html-17 移动端布局"
},
{
"text": "html-18 2D、3D动画",
"link": "/src/前端/html5/html-18 2D、3D动画"
},
{
"text": "html-19 filter",
"link": "/src/前端/html5/html-19 filter"
},
{
"text": "html面试问题",
"link": "/src/前端/html5/html面试问题"
},
{
"text": "reset.css",
"link": "/src/前端/html5/reset.css"
},
{
"text": "容易忘记的知识",
"link": "/src/前端/html5/容易忘记的知识"
},
{
"text": "提高css开发效率",
"link": "/src/前端/html5/提高css开发效率"
}
],
"collapsible": true
},
{
"text": "jQuery",
"collapsed": false,
"items": [
{
"text": "jq-01 什么是jQuery",
"link": "/src/前端/jQuery/jq-01 什么是jQuery"
},
{
"text": "jq-02 选择器",
"link": "/src/前端/jQuery/jq-02 选择器"
},
{
"text": "jq-03 属性、位置",
"link": "/src/前端/jQuery/jq-03 属性、位置"
},
{
"text": "jq-04 事件和动画",
"link": "/src/前端/jQuery/jq-04 事件和动画"
},
{
"text": "jq-05 ajax 自定义jquery插件",
"link": "/src/前端/jQuery/jq-05 ajax 自定义jquery插件"
}
],
"collapsible": true
},
{
"text": "mini-programe",
"collapsed": false,
"items": [
{
"text": "小程序-01 小程序入门",
"link": "/src/前端/mini-programe/小程序-01 小程序入门"
},
{
"text": "小程序-02 模板、组件",
"link": "/src/前端/mini-programe/小程序-02 模板、组件"
},
{
"text": "小程序-03 媒体组件",
"link": "/src/前端/mini-programe/小程序-03 媒体组件"
},
{
"text": "小程序-04 API",
"link": "/src/前端/mini-programe/小程序-04 API"
},
{
"text": "小程序-05 路由封装",
"link": "/src/前端/mini-programe/小程序-05 路由封装"
},
{
"text": "小程序-07 mpvue",
"link": "/src/前端/mini-programe/小程序-07 mpvue"
}
],
"collapsible": true
},
{
"text": "node",
"collapsed": false,
"items": [
{
"text": "HTTP状态码",
"link": "/src/前端/node/HTTP状态码"
},
{
"text": "index的副本.assets",
"collapsed": false,
"items": [],
"collapsible": true
},
{
"text": "node-01 http nodejs",
"link": "/src/前端/node/node-01 http nodejs"
},
{
"text": "node-02 路由、path、模块",
"link": "/src/前端/node/node-02 路由、path、模块"
},
{
"text": "node-03 fs文件",
"link": "/src/前端/node/node-03 fs文件"
},
{
"text": "node-04 express 跨域",
"link": "/src/前端/node/node-04 express 跨域"
},
{
"text": "node-05 RESTful、爬虫",
"link": "/src/前端/node/node-05 RESTful、爬虫"
},
{
"text": "node-06 加密 cookie ejs",
"link": "/src/前端/node/node-06 加密 cookie ejs"
},
{
"text": "node-07 模板化",
"link": "/src/前端/node/node-07 模板化"
},
{
"text": "node-08 mongodb",
"link": "/src/前端/node/node-08 mongodb"
},
{
"text": "node-09 mongoose",
"link": "/src/前端/node/node-09 mongoose"
},
{
"text": "node-10 websocket",
"link": "/src/前端/node/node-10 websocket"
},
{
"text": "node使用babel",
"link": "/src/前端/node/node使用babel"
},
{
"text": "node常用指令",
"link": "/src/前端/node/node常用指令"
},
{
"text": "node插件分享",
"link": "/src/前端/node/node插件分享"
},
{
"text": "node项目实例",
"link": "/src/前端/node/node项目实例"
},
{
"text": "node项目小技巧",
"link": "/src/前端/node/node项目小技巧"
}
],
"collapsible": true
},
{
"text": "other-note",
"collapsed": false,
"items": [
{
"text": "AST抽象语法树",
"link": "/src/前端/other-note/AST抽象语法树"
},
{
"text": "Immutable",
"link": "/src/前端/other-note/Immutable"
},
{
"text": "Mac使用技巧",
"link": "/src/前端/other-note/Mac使用技巧"
},
{
"text": "Markdown语法",
"link": "/src/前端/other-note/Markdown语法"
},
{
"text": "Typora设置",
"link": "/src/前端/other-note/Typora设置"
},
{
"text": "VS code 使用技巧",
"link": "/src/前端/other-note/VS code 使用技巧"
},
{
"text": "VuePress搭建个人博客",
"link": "/src/前端/other-note/VuePress搭建个人博客"
},
{
"text": "animate.css使用方法",
"link": "/src/前端/other-note/animate.css使用方法"
},
{
"text": "bootstrap 全局css样式",
"link": "/src/前端/other-note/bootstrap 全局css样式"
},
{
"text": "canvas",
"link": "/src/前端/other-note/canvas"
},
{
"text": "git",
"link": "/src/前端/other-note/git"
},
{
"text": "hexo搭建个人博客",
"link": "/src/前端/other-note/hexo搭建个人博客"
},
{
"text": "mobx",
"link": "/src/前端/other-note/mobx"
},
{
"text": "七牛云cdn加速图片",
"link": "/src/前端/other-note/七牛云cdn加速图片"
},
{
"text": "包管理工具",
"link": "/src/前端/other-note/包管理工具"
},
{
"text": "团队协作工具",
"link": "/src/前端/other-note/团队协作工具"
},
{
"text": "微信分享",
"link": "/src/前端/other-note/微信分享"
},
{
"text": "未学知识",
"link": "/src/前端/other-note/未学知识"
},
{
"text": "浏览器技巧",
"link": "/src/前端/other-note/浏览器技巧"
},
{
"text": "百度地图API",
"link": "/src/前端/other-note/百度地图API"
},
{
"text": "配置支付宝接口",
"link": "/src/前端/other-note/配置支付宝接口"
},
{
"text": "面试复习",
"link": "/src/前端/other-note/面试复习"
}
],
"collapsible": true
},
{
"text": "react-native",
"collapsed": false,
"items": [
{
"text": "rn-01 react-native",
"link": "/src/前端/react-native/rn-01 react-native"
}
],
"collapsible": true
}
]
},
"socialLinks": [
{
"icon": "github",
"link": "https://gitee.com/lwj-wing"
}
],
"algolia": {
"appId": "HB9RH9MVTU",
"apiKey": "a1ecd3b81f0afbd82c111a8548a67c06",
"indexName": "Github"
},
"editLink": {
"pattern": "https://gitee.com/lwj-wing/vite-note/edit/master/:path",
"text": "在Gitee上编辑此页 "
},
"lastUpdated": {
"text": "最后编辑时间",
"formatOptions": {
"dateStyle": "full",
"timeStyle": "medium"
}
},
"docFooter": {
"prev": "上一篇",
"next": "下一篇"
}
}Page Data
{
"title": "Runtime API Examples",
"description": "",
"frontmatter": {
"outline": "deep"
},
"headers": [],
"relativePath": "api-examples.md",
"filePath": "api-examples.md",
"lastUpdated": 1710326451000
}Page Frontmatter
{
"outline": "deep"
}More
Check out the documentation for the full list of runtime APIs.