vitepress居然能帮你自动管理文章，只需 Markdown 即可轻松创建美观的文档站点。文章的章节与标题自动对应，无需其它额外操作！页面的跳转居然能自动区分外链和内链！这究竟是什么魔法？本文将带你一探究竟！

1、在theme文件夹下新建index.mts，index.mts作为theme的入口文件，vitepress会自动解析theme文件夹下的index.mts文件。

前言我们在阅读官方文档时，经常看到一些项目的文档非常简约精美，并且布局高度相似，其实这些官网是基于vitepress搭建，例如：Vite官方文档Vue-UseSnowAdmin这些官网都是基于vitepress搭建，virepress给我们提供了非常多的配置，我们只需要按照配置修改即可实现上图中的效果，并且在virepress我们不需要手写代码，只需...

1、hooks就是钩子的意思2、你可以将它想象成用来触发的一种工具3、hooks是一个独立的文件4、hooks的逻辑是可复用的，可以想象成是函数的封装5、hooks可以封装数据和变量5、hooks的文件名以及函数名以use开头，例如：useTheme.js / useTheme()

在一些社群网站，经常会碰到问题、活动、商品的信息分享，这种分享通常是以海报的形式发送给好友或保存到本地。在这种场景下，海报肯定是动态变化的，所以我们要动态的渲染内容并生成图片，海报其实就是图片。官网：html2canvas海报示例：

2、教育系统的题目列表在遍历生成基础题时，遇到了综合题，综合题包含了所有基础题，此时就不用再写一遍基础题，直接调用自身组件即可，这样不论基础题内部嵌套多少层综合题，都可以生成题目列表。

在日常业务中我们可能会涉及到图片上传功能，现代影像设备大多数的照片都是几MB，甚至几十MB大小，大文件的上传会导致上传进度缓慢、占用云存储空间。所以，我们会根据需求来做图片压缩，将过大的图片文件压缩到指定大小内。

我们在做主题订制的时候，一般都会选一种主题色，该颜色以主题色为主导，颜色依次变浅，用于做主题色下的关联色统一，例如文字激活、激活的背景色、菜单背景色等

移动端设备中，难免会涉及到数据的可视化展示、数据统计等等，本篇主要讲解原生微信小程序中嵌入echarts并进行动态渲染，实现数据可视化功能。

tempFilePath就是临时临时文件路径。通过wx.openDocument打开文件。showMenu表示预览文件右上方的菜单，你可以在该菜单中选择保存文件，将文件显示的保存到本地。

密码是用户最重要的数据，也是系统最需要保护的数据，我们在登录的时候需要用账号密码请求登录接口，如果用户勾选记住密码，那么下一次登录时，我们需要将账号密码回填到输入框，用户可以直接登录系统。我们分别对这种流程进行说明：

由于我们在小程序上涉及到数据采集业务，需要经常使用表单，微信小程序的表单使用起来非常麻烦，数据和表单是分离的，每个输入框都需要做数据处理才能实现响应式数据，所以我开发了dc-vant-form，针对原生微信小程序+vant组件构建的自定义表单，开发者可以通过表单配置项来快速生成表单。

我们可以在集成Animate.css来改善界面的用户体验，省掉大量手写css动画的时间。官网：Animate.css使用1、安装依赖 {代码...} 2、引入依赖 {代码...} 3、在项目中使用在class类名上animate__animated是必须的，animate__flipInX为你应用的动画效果 {代码...} 定义动画的持续时间、延迟和迭代Animate.css 使用自定义属性（...

有时候我们需要通过弹窗去处理表单数据，在原生微信小程序配合vant组件中有多种方式实现，其中UI美观度最高的就是通过van-dialog嵌套表单实现。

Host：用于指定请求资源的主机 IP 和端口号，其内容为请求 URL 的原始服务器或网关的位置。从 HTTP 1.1版本开始，请求必须包含此内容。

git提交代码，修改了哪些内容，要让人一眼就能看出来主要提交了什么，是添加了功能还是解决了问题，当前提交时修改了哪些内容，有了提交规范就一目了然，同时它也是大多数git管理工具默认展示提交的信息。如果你写的标准，那么提交记录看起来就很漂亮很规整。

由于用户隐私保护的政策执行，我们在调用涉及到用户隐私的API时，未更新用户隐私保护协议是无法直接调用的，小程序会默认判断是否更新用户隐私保护，并根据用户隐私保护中的协议来判断是否可以调用对应的API，如开发者调用的API在用户保护协议中未声明，小程序则会默认禁用该API。例如：wx.chooseLocation选择地址API，...

ES6的模块化设计思想是静态化，也就是说，在编译的时候确定模块的依赖关系，以及输出输出入的变量。而CommonJS和AMD模块都是在运行时确定的。ES6的模块不是对象，而是通过export显示指定输出的代码，再通过import命令输入。

MapObject本质上是键值对的集合（Hash结构），但Object只能将字符串当做键，这就给Object带来了很大的限制。 {代码...} 为了解决这个问题，es6提供了Map数据结构。它类似于对象，也是键值对集合，但键不局限于字符串，各种类型的值都可以当做键。Object结构：字符串键:值Map结构：值键:值 {代码...} 上面案例使用Map的se...

接口也相当于语法规范，在使用ts编写的时候，需要注重的就是数据类型以及语法规范，恰好这里提供了一个接口，在进行传值的时候，传值的类型以及字段必须符合我们预期的类型规范才可以，下面是代码演示语法：interface 接口名 { 参数名 : 数据类型 } ，例如： interface IPerson { username : string }

sort() 方法是最强大的数组方法之一。默认排序顺序为按字母升序。使用数字排序，你必须通过一个函数作为参数来调用。比较函数两个参数a和b，a-b 升序，返回b-a 降序注意： 这种方法会改变原始数组！