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
{
"nav": [
{
"text": "首页",
"link": "/"
},
{
"text": "📂 博客",
"items": [
{
"text": "📂 后端",
"link": "/博客/后端/Eclipse(LDT)官方汉化和插件安装"
},
{
"text": "📂 技术资料",
"link": "/博客/技术资料/前端网站开发资源"
},
{
"text": "📂 前端",
"link": "/博客/前端/【译】如何创造带方向感应的纯 CSS 悬停效果"
},
{
"text": "📂 软件",
"link": "/博客/软件/使用 FFmpeg 合并视频"
},
{
"text": "📂 诗歌",
"link": "/博客/诗歌/《楞严经》"
},
{
"text": "📂 视频",
"link": "/博客/视频/【中央民族樂團】民族樂劇《印象國樂》组曲 第三樂章《大曲》"
},
{
"text": "📂 手机",
"link": "/博客/手机/MIUI 各版本区别及下载地址"
},
{
"text": "📂 数据库",
"link": "/博客/数据库/如何从 Debian 9(Stretch)删除 mariadb-server"
},
{
"text": "📂 文学",
"link": "/博客/文学/《人间失格》里的启示"
},
{
"text": "📂 英语",
"link": "/博客/英语/英语学习"
},
{
"text": "📂 资源",
"link": "/博客/资源/SSR 订阅节点"
},
{
"text": "📂 DCS World",
"link": "/博客/DCS World/"
},
{
"text": "📂 Flutter",
"link": "/博客/Flutter/Flutter 和 Android 环境搭建之仅限命令行工具创建虚拟机"
},
{
"text": "📂 Git",
"link": "/博客/Git/Git 回滚到指定版本"
},
{
"text": "📂 Linux",
"link": "/博客/Linux/谷歌云开启 SSH 及设置 root 密码"
},
{
"text": "📂 Lua",
"link": "/博客/Lua/Lua 的全局变量与非全局环境"
},
{
"text": "📂 Node.js",
"link": "/博客/Node.js/【Node.js】 封装静态 WEB 服务、路由、EJS 模板引擎、GET 、POST"
},
{
"text": "📂 SEO",
"link": "/博客/SEO/使用“谷歌移动设备易用性”工具优化移动网站"
},
{
"text": "📂 VS Code",
"link": "/博客/VS Code/VS Code 插件 Beautify 和 Vetur 中的 js-beautify-html 配置项"
},
{
"text": "📂 Windows",
"link": "/博客/Windows/【windows】常见的系统环境变量"
}
]
},
{
"text": "📂 教程",
"link": "/教程/如何更好地向 AI 助手提问"
},
{
"text": "📂 examples",
"link": "/examples/导入的时候js后缀说明"
},
{
"text": "📂 zh",
"items": [
{
"text": "首页",
"link": "/zh/"
},
{
"text": "📂 markdownlint",
"link": "/zh/markdownlint/CustomRules"
}
]
}
],
"sidebar": {
"/博客/": [
{
"text": "📂 博客",
"items": []
}
],
"/博客/后端/": [
{
"text": "📂 后端",
"items": [
{
"text": "Eclipse(LDT)官方汉化和插件安装",
"link": "/博客/后端/Eclipse(LDT)官方汉化和插件安装"
},
{
"text": "Java命名规则和规范",
"link": "/博客/后端/Java 命名规则和规范"
},
{
"text": "Java用javadoc提取注释信息",
"link": "/博客/后端/Java 用 javadoc 提取注释信息"
},
{
"text": "Java-面向对象(OOP)",
"link": "/博客/后端/Java-面向对象(OOP)"
},
{
"text": "nginx 301重定向 设置",
"link": "/博客/后端/Nginx 301重定向 设置"
},
{
"text": "Nginx多站点(多主机)配置",
"link": "/博客/后端/Nginx 多站点(多主机)配置"
},
{
"text": "nginx配置环境变量",
"link": "/博客/后端/Nginx 配置环境变量"
},
{
"text": "Nginx配置重定向 301还是302",
"link": "/博客/后端/Nginx 配置重定向 301还是302"
},
{
"text": "nginx启动、停止、重启命令",
"link": "/博客/后端/Nginx 启动、停止、重启命令"
},
{
"text": "Nginx下 return 和 rewrite在 301重定向上的区别",
"link": "/博客/后端/Nginx 下 return 和 rewrite 在 301重定向上的区别"
}
]
}
],
"/博客/技术资料/": [
{
"text": "📂 技术资料",
"items": [
{
"text": "前端网站开发资源",
"link": "/博客/技术资料/前端网站开发资源"
},
{
"text": "一张图搞定正则表达式",
"link": "/博客/技术资料/一张图搞定正则表达式"
},
{
"text": "正则表达式",
"link": "/博客/技术资料/正则表达式"
},
{
"text": "JavaScript代码注释范例",
"link": "/博客/技术资料/JavaScript 代码注释范例"
},
{
"text": "JavaScript、Node.js、express资料参考",
"link": "/博客/技术资料/JavaScript、Node.js、express 资料参考"
},
{
"text": "Markdown 语法说明 (简体中文版)",
"link": "/博客/技术资料/Markdown 语法说明 (简体中文版)"
}
]
}
],
"/博客/前端/": [
{
"text": "📂 前端",
"items": [
{
"text": "【译】如何创造带方向感应的纯 CSS 悬停效果",
"link": "/博客/前端/【译】如何创造带方向感应的纯 CSS 悬停效果"
},
{
"text": "报错：Uncaught ReferenceError: xxx is not defined解决方案",
"link": "/博客/前端/报错 Uncaught ReferenceError xxx is not defined 解决方案"
},
{
"text": "不四舍五入保留N位小数,不足补0",
"link": "/博客/前端/不四舍五入保留 N 位小数,不足补0"
},
{
"text": "查询或者添加网址参数",
"link": "/博客/前端/查询或者添加网址参数"
},
{
"text": "常用CSS基本指南",
"link": "/博客/前端/常用 CSS 基本指南"
},
{
"text": "搭建vue开发环境教程",
"link": "/博客/前端/搭建 Vue.js 开发环境教程"
},
{
"text": "封装Fetch请求",
"link": "/博客/前端/封装 Fetch 请求"
},
{
"text": "封装原生Ajax方法",
"link": "/博客/前端/封装原生 Ajax 方法"
},
{
"text": "给input、div添加hover样式,边框变大后里面的文字移动问题-解决办法",
"link": "/博客/前端/给 input、div 添加 hover 样式,边框变大后里面的文字移动问题-解决办法"
},
{
"text": "股票涨幅计算器",
"link": "/博客/前端/股票涨幅计算器"
},
{
"text": "关于element-ui项目的分页返回默认显示第一页的问题解决",
"link": "/博客/前端/关于 element-ui 项目的分页返回默认显示第一页的问题解决"
},
{
"text": "黑科技：CSS定制多行省略",
"link": "/博客/前端/黑科技 CSS 定制多行省略"
},
{
"text": "会跳舞的树",
"link": "/博客/前端/会跳舞的树"
},
{
"text": "绘制表格-table",
"link": "/博客/前端/绘制表格-table"
},
{
"text": "获取数组对象中某个key的最大值和最小值",
"link": "/博客/前端/获取数组对象中某个 key 的最大值和最小值"
},
{
"text": "解决js new Date()的浏览器兼容性问题，IE、safari的new Date()的值为Invalid Date、NaN-NaN的问题",
"link": "/博客/前端/解决 JavaScript new Date()的浏览器兼容性问题,IE、safari 的 new Date()的值为 Invalid Date、NaN-NaN 的问题"
},
{
"text": "利用js实现 禁用浏览器后退",
"link": "/博客/前端/利用 JavaScript 实现 禁用浏览器后退"
},
{
"text": "聊聊移动端的REM适配问题",
"link": "/博客/前端/聊聊移动端的 REM 适配问题"
},
{
"text": "浏览器的三个储存",
"link": "/博客/前端/浏览器的三个储存"
},
{
"text": "浏览器检测机型",
"link": "/博客/前端/浏览器检测机型"
},
{
"text": "浏览器跨域访问解决方案",
"link": "/博客/前端/浏览器跨域访问解决方案"
},
{
"text": "美股OTC市场TRNX实时行情",
"link": "/博客/前端/美股 OTC 市场 TRNX 实时行情"
},
{
"text": "判断对象中的属性是否存在空值",
"link": "/博客/前端/判断对象中的属性是否存在空值"
},
{
"text": "普通函数与箭头函数的区别",
"link": "/博客/前端/普通函数与箭头函数的区别"
},
{
"text": "前端引入字体优化方案",
"link": "/博客/前端/前端引入字体优化方案"
},
{
"text": "前端怎样操作网页的复制粘贴",
"link": "/博客/前端/前端怎样操作网页的复制粘贴"
},
{
"text": "去掉Vue项目启动后首页URL带的#",
"link": "/博客/前端/去掉 Vue.js 项目启动后首页 URL 带的#"
},
{
"text": "深入研究-webkit-overflow-scrolling:touch及ios滚动",
"link": "/博客/前端/深入研究-webkit-overflow-scrolling touch 及 ios 滚动"
},
{
"text": "实时编辑CSS",
"link": "/博客/前端/实时编辑 CSS"
},
{
"text": "使用 Line-Height 垂直居中图片",
"link": "/博客/前端/使用 Line-Height 垂直居中图片"
},
{
"text": "使用symbol方式引入项目的iconfont资源",
"link": "/博客/前端/使用 symbol 方式引入项目的 iconfont 资源"
},
{
"text": "枢轴点计算器",
"link": "/博客/前端/枢轴点计算器"
},
{
"text": "随机数数组",
"link": "/博客/前端/随机数数组"
},
{
"text": "提问的智慧",
"link": "/博客/前端/提问的智慧"
},
{
"text": "通过谷歌翻译插件简单实现多语言网站",
"link": "/博客/前端/通过谷歌翻译插件简单实现多语言网站"
},
{
"text": "统计一个数组中有多少个重复的单词",
"link": "/博客/前端/统计一个数组中有多少个重复的单词"
},
{
"text": "完美解决node-sass老是安装失败的问题",
"link": "/博客/前端/完美解决 node-sass 老是安装失败的问题"
},
{
"text": "网页打开自动加后缀",
"link": "/博客/前端/网页打开自动加后缀"
},
{
"text": "网页屏蔽右键菜单、F12键、复制的代码",
"link": "/博客/前端/网页屏蔽右键菜单、F12键、复制的代码"
},
{
"text": "限制input只能输入小数",
"link": "/博客/前端/限制 input 只能输入小数"
},
{
"text": "响应式和自适应的区别",
"link": "/博客/前端/响应式和自适应的区别"
},
{
"text": "修改构造函数并继承原有的原型对象和方法",
"link": "/博客/前端/修改构造函数并继承原有的原型对象和方法"
},
{
"text": "一段代码了解es6类",
"link": "/博客/前端/一段代码了解 es6类"
},
{
"text": "一篇文章搞定Github API 调用 (v3）",
"link": "/博客/前端/一篇文章搞定 Github API 调用 (v3)"
},
{
"text": "一些前端工具站点",
"link": "/博客/前端/一些前端工具站点"
},
{
"text": "一行js代码实现时间戳转时间格式",
"link": "/博客/前端/一行 JavaScript 代码实现时间戳转时间格式"
},
{
"text": "一行代码实现F11的功能，即让浏览器窗口全屏",
"link": "/博客/前端/一行代码实现 F11的功能,即让浏览器窗口全屏"
},
{
"text": "移动端REM布局适配",
"link": "/博客/前端/移动端 REM 布局适配"
},
{
"text": "移动端1px细线解决方案",
"link": "/博客/前端/移动端1px 细线解决方案"
},
{
"text": "移动端适配和移动端媒体查询的一些尺寸参考",
"link": "/博客/前端/移动端适配和移动端媒体查询的一些尺寸参考"
},
{
"text": "用 gulp 生成一倍和两倍精灵图以及压缩 css",
"link": "/博客/前端/用 Gulp 生成一倍和两倍精灵图以及压缩 CSS"
},
{
"text": "用Vue.js和Tailwind CSS构建一个确认框",
"link": "/博客/前端/用 Vue.js.js 和 Tailwind CSS 构建一个确认框"
},
{
"text": "原生JavaScript复制任意节点文字",
"link": "/博客/前端/原生 JavaScript 复制任意节点文字"
},
{
"text": "原生 js 实现移动端 Touch 轮播图",
"link": "/博客/前端/原生 JavaScript 实现移动端 Touch 轮播图"
},
{
"text": "原生js替换jQuery各种方法-中文版",
"link": "/博客/前端/原生 JavaScript 替换 jQuery 各种方法-中文版"
},
{
"text": "原子化CSS引擎UnoCSS",
"link": "/博客/前端/原子化 CSS 引擎 UnoCSS"
},
{
"text": "在Debian或者Ubuntu上部署Nuxt项目",
"link": "/博客/前端/在 Debian 或者 Ubuntu 上部署 Nuxt.js 项目"
},
{
"text": "占位图",
"link": "/博客/前端/占位图"
},
{
"text": "执行多个异步任务",
"link": "/博客/前端/执行多个异步任务"
},
{
"text": "自定义浏览器滚动条样式",
"link": "/博客/前端/自定义浏览器滚动条样式"
},
{
"text": "axios参数传递",
"link": "/博客/前端/Axios 参数传递"
},
{
"text": "axios封装",
"link": "/博客/前端/Axios 封装"
},
{
"text": "axios设置请求头内容",
"link": "/博客/前端/Axios 设置请求头内容"
},
{
"text": "axios",
"link": "/博客/前端/Axios"
},
{
"text": "Babel Traverse API 文档",
"link": "/博客/前端/Babel Traverse Api Doc"
},
{
"text": "CSS常用片段",
"link": "/博客/前端/CSS 常用片段"
},
{
"text": "CSS 基础知识复习总结",
"link": "/博客/前端/CSS 基础知识复习总结"
},
{
"text": "CSS渐变字",
"link": "/博客/前端/CSS 渐变字"
},
{
"text": "CSS两端对齐",
"link": "/博客/前端/CSS 两端对齐"
},
{
"text": "CSS清除浮动",
"link": "/博客/前端/CSS 清除浮动"
},
{
"text": "css闪烁动画",
"link": "/博客/前端/CSS 闪烁动画"
},
{
"text": "css实现鼠标悬停，光标出现小手",
"link": "/博客/前端/CSS 实现鼠标悬停,光标出现小手"
},
{
"text": "CSS实现响应式全屏背景图",
"link": "/博客/前端/CSS 实现响应式全屏背景图"
},
{
"text": "css 跳动文字",
"link": "/博客/前端/CSS 跳动文字"
},
{
"text": "CSS完美实现iframe高度自适应（支持跨域）",
"link": "/博客/前端/CSS 完美实现 iframe 高度自适应(支持跨域)"
},
{
"text": "CSS文件命名规范和常用类和ID命名规范",
"link": "/博客/前端/CSS 文件命名规范和常用类和 ID 命名规范"
},
{
"text": "CSS 选择器优先级（特异性、权重）详解",
"link": "/博客/前端/CSS 选择器优先级(特异性、权重)详解"
},
{
"text": "CSS中多行文本溢出显示省略号的方法",
"link": "/博客/前端/CSS 中多行文本溢出显示省略号的方法"
},
{
"text": "CSS Flexbox 布局教程 2020 最新版",
"link": "/博客/前端/CSS Flexbox 布局教程 2020 最新版"
},
{
"text": "Dart 库教程",
"link": "/博客/前端/Dart 库教程"
},
{
"text": "Dart 入门教程",
"link": "/博客/前端/Dart 入门教程"
},
{
"text": "Egret学习总结",
"link": "/博客/前端/Egret 学习总结"
},
{
"text": "Egret在localStorage存储读取JSON对象的方法",
"link": "/博客/前端/Egret 在 localStorage 存储读取 JSON 对象的方法"
},
{
"text": "elementUI中 table和form数据格式转换",
"link": "/博客/前端/elementUI 中 table 和 form 数据格式转换"
},
{
"text": "ES6JavaScript对象方法Object.assign()",
"link": "/博客/前端/ES6JavaScript 对象方法 Object.assign()"
},
{
"text": "flower 非常非常牛逼的效果！~~~~",
"link": "/博客/前端/flower 非常非常牛逼的效果!~~~~"
},
{
"text": "git初始化本地仓库提交操作说明",
"link": "/博客/前端/Git 初始化本地仓库提交操作说明"
},
{
"text": "Google浏览器自动记忆填写功能造成input输入框黄色背景解决办法",
"link": "/博客/前端/Google 浏览器自动记忆填写功能造成 input 输入框黄色背景解决办法"
},
{
"text": "gulp 读取修改文件教程",
"link": "/博客/前端/Gulp 读取修改文件教程"
},
{
"text": "gulp 压缩清理合并 css",
"link": "/博客/前端/Gulp 压缩清理合并 CSS"
},
{
"text": "H5项目常见问题汇总及注意事项",
"link": "/博客/前端/H5项目常见问题汇总及注意事项"
},
{
"text": "HTML中CSS之去除li前面的小黑点和ul、li部分属性方法",
"link": "/博客/前端/HTML 中 CSS 之去除 li 前面的小黑点,和 ul、LI 部分属性方法"
},
{
"text": "HTML中的表格",
"link": "/博客/前端/HTML 中的表格"
},
{
"text": "HTML lang 没你想的那么简单",
"link": "/博客/前端/HTML lang 没你想的那么简单"
},
{
"text": "HTML <td> 标签的 rowspan 属性",
"link": "/博客/前端/HTML td 标签的 rowspan 属性"
},
{
"text": "input获取焦点的时候输入框放大",
"link": "/博客/前端/input 获取焦点的时候输入框放大"
},
{
"text": "input search更改默认删除按钮和placeholder样式",
"link": "/博客/前端/input search 更改默认删除按钮和 placeholder 样式"
},
{
"text": "javascript - 使用正则表达式从路径中提取文件名",
"link": "/博客/前端/JavaScript - 使用正则表达式从路径中提取文件名"
},
{
"text": "js闭包实现每次调用一个函数自动加1",
"link": "/博客/前端/JavaScript 闭包实现每次调用一个函数自动加1"
},
{
"text": "JavaScript遍历JSON对象数据的方法",
"link": "/博客/前端/JavaScript 遍历 JSON 对象数据的方法"
},
{
"text": "JavaScript常用代码片段",
"link": "/博客/前端/JavaScript 常用代码片段"
},
{
"text": "JavaScript调换数组中两个元素的位置",
"link": "/博客/前端/JavaScript 调换数组中两个元素的位置"
},
{
"text": "js动态显示时间(中国时间、美国时间)",
"link": "/博客/前端/JavaScript 动态显示时间(中国时间、美国时间)"
},
{
"text": "JavaScript复习总结",
"link": "/博客/前端/JavaScript 复习总结"
},
{
"text": "js根据奖品权重计算中奖概率实现抽奖的方法",
"link": "/博客/前端/JavaScript 根据奖品权重计算中奖概率实现抽奖的方法"
},
{
"text": "JavaScript根据某一个相同的字段的值合并数组",
"link": "/博客/前端/JavaScript 根据某一个相同的字段的值合并数组"
},
{
"text": "JavaScript构造函数和Class",
"link": "/博客/前端/JavaScript 构造函数和 Class"
},
{
"text": "JavaScript关于数组的一些操作",
"link": "/博客/前端/JavaScript 关于数组的一些操作"
},
{
"text": "js获取网页URL地址及参数等的方法",
"link": "/博客/前端/JavaScript 获取网页 URL 地址及参数等的方法"
},
{
"text": "JavaScript 获取文件、后缀和路径",
"link": "/博客/前端/JavaScript 获取文件、后缀和路径"
},
{
"text": "JavaScript箭头函数、闭包",
"link": "/博客/前端/JavaScript 箭头函数、闭包"
},
{
"text": "JS 开发常用工具函数",
"link": "/博客/前端/JavaScript 开发常用工具函数"
},
{
"text": "js 控制加载|移除 script 与 link 文件",
"link": "/博客/前端/JavaScript 控制加载 移除 script 与 link 文件"
},
{
"text": "js里调用函数时，函数名带括号和不带括号的区别",
"link": "/博客/前端/JavaScript 里调用函数时,函数名带括号和不带括号的区别"
},
{
"text": "js 逆向常用的方法-HOOK|VM|AST|RPC",
"link": "/博客/前端/JavaScript 逆向常用的方法-HOOK VM AST RPC"
},
{
"text": "js屏蔽手机返回键",
"link": "/博客/前端/JavaScript 屏蔽手机返回键"
},
{
"text": "js实现Ajax并发请求控制的几种解决方案",
"link": "/博客/前端/JavaScript 实现 Ajax 并发请求控制的几种解决方案"
},
{
"text": "JS 数组求并集, 交集和差集 (ES7/ES6/ES5)",
"link": "/博客/前端/JavaScript 数组求并集, 交集和差集 (ES7 ES6 ES5)"
},
{
"text": "JavaScript随机变化文字颜色",
"link": "/博客/前端/JavaScript 随机变化文字颜色"
},
{
"text": "js随机插入账号",
"link": "/博客/前端/JavaScript 随机插入账号"
},
{
"text": "js替换文字",
"link": "/博客/前端/JavaScript 替换文字"
},
{
"text": "js 向上取整、向下取整、四舍五入",
"link": "/博客/前端/JavaScript 向上取整、向下取整、四舍五入"
},
{
"text": "js小数点截取四舍五入和不四舍五入",
"link": "/博客/前端/JavaScript 小数点截取四舍五入和不四舍五入"
},
{
"text": "JavaScript一键换肤代码",
"link": "/博客/前端/JavaScript 一键换肤代码"
},
{
"text": "js正则表达式获取img标签的src属性值",
"link": "/博客/前端/JavaScript 正则表达式获取 img 标签的 src 属性值"
},
{
"text": "js正则表达式之URL格式匹配",
"link": "/博客/前端/JavaScript 正则表达式之 URL 格式匹配"
},
{
"text": "JavaScript random方法得到随机整数",
"link": "/博客/前端/JavaScript random 方法得到随机整数"
},
{
"text": "JavaScript-按日期对象数组进行排序，然后按时间排序",
"link": "/博客/前端/JavaScript-按日期对象数组进行排序,然后按时间排序"
},
{
"text": "localStorage存储JSON对象的小方法",
"link": "/博客/前端/localStorage 存储 JSON 对象的小方法"
},
{
"text": "npm run dev 自动打开浏览器",
"link": "/博客/前端/Npm run dev 自动打开浏览器"
},
{
"text": "nuxt按需引入 element-UI、自定义主题色（终极按需引入）",
"link": "/博客/前端/Nuxt.js 按需引入 element-UI、自定义主题色(终极按需引入)"
},
{
"text": "Nuxt使用Plyr.js视频播放",
"link": "/博客/前端/Nuxt.js 使用 Plyr.js 视频播放"
},
{
"text": "NUXT项目打包优化策略",
"link": "/博客/前端/Nuxt.js 项目打包优化策略"
},
{
"text": "Plyr – 一个轻量级的 HTML5 播放器",
"link": "/博客/前端/Plyr – 一个轻量级的 HTML5 播放器"
},
{
"text": "prettier和ESLint的区别及配置",
"link": "/博客/前端/prettier 和 ESLint 的区别及配置"
},
{
"text": "TypeScript 遍历Array的方法：",
"link": "/博客/前端/TypeScript 遍历 Array 的方法"
},
{
"text": "TypeScript 的简单使用",
"link": "/博客/前端/TypeScript 的简单使用"
},
{
"text": "Vant 下拉刷新上拉加载组件",
"link": "/博客/前端/Vant 下拉刷新上拉加载组件"
},
{
"text": "Vite、Vue3开发项目",
"link": "/博客/前端/Vite、Vue3开发项目"
},
{
"text": "VS Code Debug 调试",
"link": "/博客/前端/VS Code Debug 调试"
},
{
"text": "vue-cli3 使用postcss-px-to-viewport",
"link": "/博客/前端/vue-cli3 使用 postcss-px-to-viewport"
},
{
"text": "Vue-router路由判断页面未登录跳转到登录页面",
"link": "/博客/前端/Vue-router 路由判断页面未登录跳转到登录页面"
},
{
"text": "Vue创建全局动态引入script组件",
"link": "/博客/前端/Vue.js 创建全局动态引入 script 组件"
},
{
"text": "Vue打包后出现一些map文件",
"link": "/博客/前端/Vue.js 打包后出现一些 map 文件"
},
{
"text": "Vue的几个Ui框架",
"link": "/博客/前端/Vue.js 的几个 Ui 框架"
},
{
"text": "Vue的项目使用Element ui 走马灯 不能实现的问题",
"link": "/博客/前端/Vue.js 的项目使用 Element ui 走马灯 不能实现的问题"
},
{
"text": "VUE防抖与节流的最佳解决方案——函数式组件",
"link": "/博客/前端/Vue.js 防抖与节流的最佳解决方案——函数式组件"
},
{
"text": "vue覆盖elementui样式",
"link": "/博客/前端/Vue.js 覆盖 elementui 样式"
},
{
"text": "Vue记住账号密码",
"link": "/博客/前端/Vue.js 记住账号密码"
},
{
"text": "Vue开发——实现吸顶效果",
"link": "/博客/前端/Vue.js 开发——实现吸顶效果"
},
{
"text": "Vue美东时间获取示例",
"link": "/博客/前端/Vue.js 美东时间获取示例"
},
{
"text": "Vue深度选择器",
"link": "/博客/前端/Vue.js 深度选择器"
},
{
"text": "Vue通过JavaScript生成验证码",
"link": "/博客/前端/Vue.js 通过 JavaScript 生成验证码"
},
{
"text": "Vue中对数值进行保留小数点后两位的处理（两种情况）",
"link": "/博客/前端/Vue.js 中对数值进行保留小数点后两位的处理(两种情况)"
},
{
"text": "vue 中使用 marked + highlight.js 代码高亮",
"link": "/博客/前端/Vue.js 中使用 marked + highlight.js 代码高亮"
},
{
"text": "Vue中使用Moment.js格式化日期",
"link": "/博客/前端/Vue.js 中使用 Moment.js 格式化日期"
},
{
"text": "vue子父组件传值",
"link": "/博客/前端/Vue.js 子父组件传值"
},
{
"text": "vue input输入框长度限制",
"link": "/博客/前端/Vue.js input 输入框长度限制"
},
{
"text": "vue v-for循环渲染完毕在执行方法",
"link": "/博客/前端/Vue.js v-for 循环渲染完毕在执行方法"
},
{
"text": "Vue.js 动态绑定class",
"link": "/博客/前端/Vue.js.js 动态绑定 class"
},
{
"text": "vue.js hover事件模拟",
"link": "/博客/前端/Vue.js.js hover 事件模拟"
},
{
"text": "Vuex Study Demo",
"link": "/博客/前端/Vuex Study Demo"
}
]
}
],
"/博客/软件/": [
{
"text": "📂 软件",
"items": [
{
"text": "使用ffmpeg合并视频",
"link": "/博客/软件/使用 FFmpeg 合并视频"
},
{
"text": "提取swf文件中所有内容-JPEXS免费Flash反编译器",
"link": "/博客/软件/提取 swf 文件中所有内容-JPEXS 免费 Flash 反编译器"
},
{
"text": "PhpStorm重置激活",
"link": "/博客/软件/PhpStorm 重置激活"
},
{
"text": "Telegram 汉化教程",
"link": "/博客/软件/Telegram 汉化教程"
},
{
"text": "Telegram解决+86不能私聊其他用户的方案:",
"link": "/博客/软件/Telegram 解决+86不能私聊其他用户的方案"
},
{
"text": "UnblockNeteaseMusic 一键部署脚本，无需安装任何软件也可解锁网易云音乐灰色音乐！",
"link": "/博客/软件/UnblockNeteaseMusic 一键部署脚本,无需安装任何软件也可解锁网易云音乐灰色音乐!"
},
{
"text": "v2ray卸载",
"link": "/博客/软件/V2ray 卸载"
}
]
}
],
"/博客/诗歌/": [
{
"text": "📂 诗歌",
"items": [
{
"text": "《楞严经》",
"link": "/博客/诗歌/《楞严经》"
}
]
}
],
"/博客/视频/": [
{
"text": "📂 视频",
"items": [
{
"text": "【中央民族樂團】民族樂劇《印象國樂》组曲 第三樂章《大曲》",
"link": "/博客/视频/【中央民族樂團】民族樂劇《印象國樂》组曲 第三樂章《大曲》"
}
]
}
],
"/博客/手机/": [
{
"text": "📂 手机",
"items": [
{
"text": "MIUI 各版本区别及下载地址",
"link": "/博客/手机/MIUI 各版本区别及下载地址"
}
]
}
],
"/博客/数据库/": [
{
"text": "📂 数据库",
"items": [
{
"text": "如何从 Debian 9（Stretch）删除 mariadb-server",
"link": "/博客/数据库/如何从 Debian 9(Stretch)删除 mariadb-server"
},
{
"text": "如何在 Debian 9（Stretch）上安装 mariadb-server",
"link": "/博客/数据库/如何在 Debian 9(Stretch)上安装 mariadb-server"
},
{
"text": "数据库管理工具Navicat Premium 安装和激活",
"link": "/博客/数据库/数据库管理工具 Navicat Premium 安装和激活"
},
{
"text": "完美解决 Mysql 的 Access denied for user 'root'@'% 的'问题",
"link": "/博客/数据库/完美解决 MySQL 的 Access denied for user 'root'@' 的'问题"
},
{
"text": "MariaDB 根据时间排序, 重新生成主键",
"link": "/博客/数据库/MariaDB 根据时间排序, 重新生成主键"
},
{
"text": "MySql 根据时间排序，重新生成主键",
"link": "/博客/数据库/MySQL 根据时间排序,重新生成主键"
},
{
"text": "mysql合并两张字段相同的表",
"link": "/博客/数据库/MySQL 合并两张字段相同的表"
},
{
"text": "Navicat Premium 已连接数据库的密码 | navicat 查看密码方案",
"link": "/博客/数据库/Navicat Premium 已连接数据库的密码 navicat 查看密码方案"
},
{
"text": "Ubuntu20.04 安装 Mysql",
"link": "/博客/数据库/Ubuntu20.04 安装 MySQL"
}
]
}
],
"/博客/文学/": [
{
"text": "📂 文学",
"items": [
{
"text": "《人间失格》里的启示",
"link": "/博客/文学/《人间失格》里的启示"
},
{
"text": "古月照今尘",
"link": "/博客/文学/古月照今尘"
},
{
"text": "记录",
"link": "/博客/文学/记录"
},
{
"text": "心之力",
"link": "/博客/文学/心之力"
},
{
"text": "做人如水,做事如山",
"link": "/博客/文学/做人如水,做事如山"
}
]
}
],
"/博客/英语/": [
{
"text": "📂 英语",
"items": [
{
"text": "英语学习",
"link": "/博客/英语/英语学习"
},
{
"text": "QTranslate 优秀的全语种多引擎实时翻译工具",
"link": "/博客/英语/QTranslate 优秀的全语种多引擎实时翻译工具"
}
]
}
],
"/博客/资源/": [
{
"text": "📂 资源",
"items": [
{
"text": "SSR订阅节点",
"link": "/博客/资源/SSR 订阅节点"
}
]
}
],
"/博客/DCS World/": [
{
"text": "📂 DCS World",
"items": [
{
"text": "DCS World首页",
"link": "/博客/DCS World/"
},
{
"text": "DCS World 搭建测试脚本",
"link": "/博客/DCS World/DCS World 搭建测试脚本"
},
{
"text": "DCS World开发手册",
"link": "/博客/DCS World/DCS World 开发手册"
},
{
"text": "DCS World任务编辑",
"link": "/博客/DCS World/DCS World 任务编辑"
}
]
}
],
"/博客/Flutter/": [
{
"text": "📂 Flutter",
"items": [
{
"text": "Flutter 和 Android 环境搭建之仅限命令行工具创建虚拟机",
"link": "/博客/Flutter/Flutter 和 Android 环境搭建之仅限命令行工具创建虚拟机"
},
{
"text": "Windows Flutter 环境搭建",
"link": "/博客/Flutter/Windows Flutter 环境搭建"
}
]
}
],
"/博客/Git/": [
{
"text": "📂 Git",
"items": [
{
"text": "Git 回滚到指定版本",
"link": "/博客/Git/Git 回滚到指定版本"
},
{
"text": "SourceTree 3.0.17跳过注册",
"link": "/博客/Git/SourceTree 3.0.17跳过注册"
},
{
"text": "SourceTree 一直提示输入密码",
"link": "/博客/Git/SourceTree 一直提示输入密码"
}
]
}
],
"/博客/Linux/": [
{
"text": "📂 Linux",
"items": [
{
"text": "谷歌云开启SSH及设置root密码",
"link": "/博客/Linux/谷歌云开启 SSH 及设置 root 密码"
},
{
"text": "开启SSH权限",
"link": "/博客/Linux/开启 SSH 权限"
},
{
"text": "使用 acme.sh 撸一个免费且自动更新的 HTTPS 证书",
"link": "/博客/Linux/使用 acme.sh 撸一个免费且自动更新的 HTTPS 证书"
},
{
"text": "最新 kali linux 修改 root 密码和切换中文",
"link": "/博客/Linux/最新 Kali Linux 修改 root 密码和切换中文"
},
{
"text": "Linux基础指令的操作",
"link": "/博客/Linux/Linux 基础指令的操作"
},
{
"text": "Linux 文件与目录基本操作",
"link": "/博客/Linux/Linux 文件与目录基本操作"
},
{
"text": "linux下node.js和npm升级",
"link": "/博客/Linux/Linux 下 Node.js 和 Npm 升级"
},
{
"text": "Linux虚拟机安装vmware tools",
"link": "/博客/Linux/Linux 虚拟机安装 vmware tools"
},
{
"text": "Linux重要的几个热键",
"link": "/博客/Linux/Linux 重要的几个热键"
},
{
"text": "Nmap参考指南",
"link": "/博客/Linux/Nmap 参考指南"
},
{
"text": "Ubuntu 20 初始化配置",
"link": "/博客/Linux/Ubuntu 20 初始化配置"
},
{
"text": "ubuntu 20.04 设置不见了",
"link": "/博客/Linux/Ubuntu 20.04 设置不见了"
}
]
}
],
"/博客/Lua/": [
{
"text": "📂 Lua",
"items": [
{
"text": "Lua的全局变量与非全局环境",
"link": "/博客/Lua/Lua 的全局变量与非全局环境"
},
{
"text": "Lua调用函数时用点号还是用冒号",
"link": "/博客/Lua/Lua 调用函数时用点号还是用冒号"
},
{
"text": "Lua读取文件和写入文件",
"link": "/博客/Lua/Lua 读取文件和写入文件"
},
{
"text": "Lua基础教程",
"link": "/博客/Lua/Lua 基础教程"
},
{
"text": "Lua简易教程",
"link": "/博客/Lua/Lua 简易教程"
},
{
"text": "lua下 string 和table 互转",
"link": "/博客/Lua/Lua 下 string 和 table 互转"
},
{
"text": "Lua语法官方小例子",
"link": "/博客/Lua/Lua 语法官方小例子"
},
{
"text": "Lua中loadfile、dofile、require三者的区别",
"link": "/博客/Lua/Lua 中 loadfile、dofile、require 三者的区别"
},
{
"text": "Lua中的package.path和package.cpath",
"link": "/博客/Lua/Lua 中的 package.path 和 package.cpath"
},
{
"text": "lua中将表转成json格式的字符串",
"link": "/博客/Lua/Lua 中将表转成 json 格式的字符串"
},
{
"text": "Lua string用法大全",
"link": "/博客/Lua/Lua string 用法大全"
},
{
"text": "Lua Table和JSON互转",
"link": "/博客/Lua/Lua Table 和 JSON 互转"
}
]
}
],
"/博客/Node.js/": [
{
"text": "📂 Node.js",
"items": [
{
"text": "【Node.js】 封装静态 WEB 服务、 路由、EJS 模板引擎、 GET 、 POST",
"link": "/博客/Node.js/【Node.js】 封装静态 WEB 服务、路由、EJS 模板引擎、GET 、POST"
},
{
"text": "【Node.js】利用 HTTP 模块 Url 模块 Path 模块 Fs模块创建一个静态 WEB 服务器",
"link": "/博客/Node.js/【Node.js】利用 HTTP 模块 Url 模块 Path 模块 Fs 模块创建一个静态 WEB 服务器"
},
{
"text": "【Node.js】CommonJs 和 Nodejs 模块、自定义模 块",
"link": "/博客/Node.js/【Node.js】CommonJs 和 Node.js 模块、自定义模 块"
},
{
"text": "编程语言占位符%d,%s等代表的输出类型",
"link": "/博客/Node.js/编程语言占位符 d,s 等代表的输出类型"
},
{
"text": "快速查看 npm、yarn全局安装过的包",
"link": "/博客/Node.js/快速查看 Npm、Yarn 全局安装过的包"
},
{
"text": "在Debian 10上安装Node.js",
"link": "/博客/Node.js/在 Debian 10上安装 Node.js"
},
{
"text": "Express",
"link": "/博客/Node.js/Express"
},
{
"text": "HTTP的Content-type类型汇总",
"link": "/博客/Node.js/HTTP 的 Content-type 类型汇总"
},
{
"text": "JavaScript把空字符串转null",
"link": "/博客/Node.js/JavaScript 把空字符串转 null"
},
{
"text": "Koa",
"link": "/博客/Node.js/Koa"
},
{
"text": "MongoDB",
"link": "/博客/Node.js/MongoDB"
},
{
"text": "Nest.js 项目创建&路由设置&模块",
"link": "/博客/Node.js/Nest.js 项目创建&路由设置&模块"
},
{
"text": "node-rsa加解密、签名以及验签",
"link": "/博客/Node.js/node-rsa 加解密、签名以及验签"
},
{
"text": "node.js遍历目录",
"link": "/博客/Node.js/Node.js 遍历目录"
},
{
"text": "Node.js 定时模块node-schedule实现定时任务",
"link": "/博客/Node.js/Node.js 定时模块 node-schedule 实现定时任务"
},
{
"text": "Node.js构建TCP服务器和TCP客户端",
"link": "/博客/Node.js/Node.js 构建 TCP 服务器和 TCP 客户端"
},
{
"text": "Nodejs和PHP进行RSA加密签名",
"link": "/博客/Node.js/Node.js 和 PHP 进行 RSA 加密签名"
},
{
"text": "Node利用数组制作分页效果",
"link": "/博客/Node.js/Node.js 利用数组制作分页效果"
},
{
"text": "Node.js 如何获取真实 IP？（Nginx 服务器）",
"link": "/博客/Node.js/Node.js 如何获取真实 IP (Nginx 服务器)"
},
{
"text": "node.js 使用crypto模块进行RSA加解密操作",
"link": "/博客/Node.js/Node.js 使用 crypto 模块进行 RSA 加解密操作"
},
{
"text": "node使用 log4js",
"link": "/博客/Node.js/Node.js 使用 log4js"
},
{
"text": "Node.js 使用XLSX处理excel文件",
"link": "/博客/Node.js/Node.js 使用 XLSX 处理 excel 文件"
},
{
"text": "Node事件循环",
"link": "/博客/Node.js/Node.js 事件循环"
},
{
"text": "nodejs同步遍历目录获取文件(包含路径)",
"link": "/博客/Node.js/Node.js 同步遍历目录获取文件(包含路径)"
},
{
"text": "Nodejs 新特性 async await 的使用以及使用 asyncawait 处理异步",
"link": "/博客/Node.js/Node.js 新特性 async await 的使用以及使用 asyncawait 处理异步"
},
{
"text": "Nodejs 中的 fs 模块的使用",
"link": "/博客/Node.js/Node.js 中的 fs 模块的使用"
},
{
"text": "Node.js中的HTTP模块和url模块",
"link": "/博客/Node.js/Node.js 中的 HTTP 模块和 url 模块"
},
{
"text": "Nodejs 中的包、npm 、第三方模块 、package.json 以及 cnpm",
"link": "/博客/Node.js/Node.js 中的包、Npm 、第三方模块 、package.json 以及 cnpm"
},
{
"text": "Node.js中的简单TCP客户端和服务器（覆盖所有有用的属性和方法）",
"link": "/博客/Node.js/Node.js 中的简单 TCP 客户端和服务器(覆盖所有有用的属性和方法)"
},
{
"text": "Node中的字符编码",
"link": "/博客/Node.js/Node.js 中的字符编码"
},
{
"text": "Node 中间件",
"link": "/博客/Node.js/Node.js 中间件"
},
{
"text": "Node.js Net创建TCP服务器",
"link": "/博客/Node.js/Node.js Net 创建 TCP 服务器"
},
{
"text": "Node.js",
"link": "/博客/Node.js/Node.js"
},
{
"text": "npm和yarn更新依赖包到最新版本",
"link": "/博客/Node.js/Npm 和 Yarn 更新依赖包到最新版本"
},
{
"text": "NVM安装和配置npm yarn pnpm",
"link": "/博客/Node.js/NVM 安装和配置 Npm Yarn Pnpm"
},
{
"text": "sequelize对应的mysql操作(指定日期、求和、批量创建，批量更新)",
"link": "/博客/Node.js/Sequelize 对应的 MySQL 操作(指定日期、求和、批量创建,批量更新)"
},
{
"text": "Socket",
"link": "/博客/Node.js/Socket"
},
{
"text": "yarn",
"link": "/博客/Node.js/Yarn"
}
]
}
],
"/博客/SEO/": [
{
"text": "📂 SEO",
"items": [
{
"text": "使用“谷歌移动设备易用性”工具优化移动网站",
"link": "/博客/SEO/使用“谷歌移动设备易用性”工具优化移动网站"
}
]
}
],
"/博客/VS Code/": [
{
"text": "📂 VS Code",
"items": [
{
"text": "VS Code 插件 Beautify 和 Vetur 中的 js-beautify-html 配置项",
"link": "/博客/VS Code/VS Code 插件 Beautify 和 Vetur 中的 js-beautify-html 配置项"
},
{
"text": "VS Code 导出或导入用户配置脚本",
"link": "/博客/VS Code/VS Code 导出或导入用户配置脚本"
},
{
"text": "vscode默认配置",
"link": "/博客/VS Code/VS Code 默认配置"
},
{
"text": "VSCode 在多台设备之间同步所有 VSCode 配置",
"link": "/博客/VS Code/VS Code 在多台设备之间同步所有 VS Code 配置"
},
{
"text": "VS Code 正则表达式",
"link": "/博客/VS Code/VS Code 正则表达式"
},
{
"text": "VSCode中使用Emmet神器快速编写HTML代码",
"link": "/博客/VS Code/VS Code 中使用 Emmet 神器快速编写 HTML 代码"
},
{
"text": "VS Code sftp简单实用",
"link": "/博客/VS Code/VS Code sftp 简单实用"
},
{
"text": "Windows 系统如何完全卸载 VSCode",
"link": "/博客/VS Code/Windows 系统如何完全卸载 VS Code"
}
]
}
],
"/博客/Windows/": [
{
"text": "📂 Windows",
"items": [
{
"text": "【windows】常见的系统环境变量",
"link": "/博客/Windows/【windows】常见的系统环境变量"
},
{
"text": "定时关机脚本",
"link": "/博客/Windows/定时关机脚本"
},
{
"text": "恢复Win10中缺少的电源计划",
"link": "/博客/Windows/恢复 Win10中缺少的电源计划"
},
{
"text": "使windows10的 ubuntu子系统默认以 root用户登陆",
"link": "/博客/Windows/使 windows10的 Ubuntu 子系统默认以 root 用户登陆"
},
{
"text": "适用于 Windows 10 的 Windows 子系统 Linux 安装指南",
"link": "/博客/Windows/适用于 Windows 10 的 Windows 子系统 Linux 安装指南"
},
{
"text": "为您的新 Linux 发行版创建用户帐户和密码",
"link": "/博客/Windows/为您的新 Linux 发行版创建用户帐户和密码"
},
{
"text": "右键打开Open in Windows Terminal(管理员)",
"link": "/博客/Windows/右键打开 Open in Windows Terminal(管理员)"
},
{
"text": "bat中的环境变量",
"link": "/博客/Windows/bat 中的环境变量"
},
{
"text": "LxRunOffline 使用教程",
"link": "/博客/Windows/LxRunOffline 使用教程"
},
{
"text": "win10鼠标右键打开命令行cmd(管理员身份)",
"link": "/博客/Windows/win10鼠标右键打开命令行 cmd(管理员身份)"
},
{
"text": "window清理dns缓存",
"link": "/博客/Windows/window 清理 dns 缓存"
},
{
"text": "windows 批处理文件bat中当前目录",
"link": "/博客/Windows/windows 批处理文件 bat 中当前目录"
},
{
"text": "Windows系统垃圾清理bat",
"link": "/博客/Windows/Windows 系统垃圾清理 bat"
},
{
"text": "Windows Terminal 完美配置",
"link": "/博客/Windows/Windows Terminal 完美配置"
}
]
}
],
"/教程/": [
{
"text": "📂 教程",
"items": [
{
"text": "如何更好地向 AI 助手提问",
"link": "/教程/如何更好地向 AI 助手提问"
}
]
}
],
"/examples/": [
{
"text": "📂 examples",
"items": [
{
"text": "导入的时候js后缀说明",
"link": "/examples/导入的时候js后缀说明"
},
{
"text": "api",
"link": "/examples/api"
},
{
"text": "markdown",
"link": "/examples/markdown"
},
{
"text": "README",
"link": "/examples/README"
},
{
"text": "VS Code 中使用正则表达式",
"link": "/examples/VS Code 中使用正则表达式"
}
]
}
],
"/zh/": [
{
"text": "📂 zh",
"items": [
{
"text": "zh首页",
"link": "/zh/"
}
]
}
],
"/zh/markdownlint/": [
{
"text": "📂 markdownlint",
"items": [
{
"text": "自定义规则",
"link": "/zh/markdownlint/CustomRules"
},
{
"text": "markdownlint",
"link": "/zh/markdownlint/README"
}
]
}
]
},
"socialLinks": [
{
"icon": "github",
"link": "https://github.com/zzjtnb"
}
],
"search": {
"provider": "local",
"options": {
"translations": {
"button": {
"buttonText": "搜索",
"buttonAriaLabel": "搜索"
},
"modal": {
"displayDetails": "显示详细列表",
"resetButtonTitle": "重置搜索",
"backButtonTitle": "关闭搜索",
"noResultsText": "没有结果",
"footer": {
"selectText": "选择",
"selectKeyAriaLabel": "输入",
"navigateText": "导航",
"navigateUpKeyAriaLabel": "上箭头",
"navigateDownKeyAriaLabel": "下箭头",
"closeText": "关闭",
"closeKeyAriaLabel": "esc"
}
}
}
}
},
"docFooter": {
"prev": "上一页",
"next": "下一页"
},
"outline": {
"label": "页面导航"
},
"lastUpdated": {
"text": "最后更新于",
"formatOptions": {
"dateStyle": "short",
"timeStyle": "medium"
}
},
"langMenuLabel": "多语言",
"returnToTopLabel": "回到顶部",
"sidebarMenuLabel": "菜单",
"darkModeSwitchLabel": "主题",
"lightModeSwitchTitle": "切换到浅色模式",
"darkModeSwitchTitle": "切换到深色模式",
"skipToContentLabel": "跳转到内容"
}Page Data
{
"title": "Runtime API Examples",
"description": "",
"frontmatter": {
"outline": "deep"
},
"headers": [],
"relativePath": "examples/api.md",
"filePath": "examples/api.md",
"lastUpdated": 1743856562000
}Page Frontmatter
{
"outline": "deep"
}More
Check out the documentation for the full list of runtime APIs.