toRef与toRefs使用它，消费者组件可以解构/展开返回的对象而不会失去响应性： import { reactive,toRefs,toRef } from 'vue' const person = reactive({ name: '张三', age: 18 }) const cityO...

markdown文件内容的读取使用markdown-it的插件 npm install markdown-it import MarkdownIt from "markdown-it" import contentMd from "@/article/1.md?raw" const markdownit = new MarkdownIt() co...

proxy let obj = { name: 'tom', } // 使用 proxy 监听 obj 的变化 proxy = new Proxy(obj, { get(target, key) { console.log(`get ${key}`) ...

安装下载官网（社区版）：Download MongoDB Community Server | MongoDB 根据自己的操作系统下载即可 配置环境变量（方便后续的启动）找到系统环境变量的编辑界面 添加自己下载好的mongodb的bin路径即可 最后进行测试，输入mongod，没有报错说明配置成功（这个命令主要用来启动mongodb） 启动mongo服务在启动之前必须配置mong...

数组扩展 拆分多维数组flat let arr = [1,2,[3,4,[5,6]]] console.log(arr.flat(2)) // [1, 2, 3, 4, 5, 6] 数组元素修改fill /* fill(value) fill(value, start) fill(value, start, end) */ let arr = [1, 2, 3, 4, 5] co...

获取dom节点尺寸var omw=document.querySelector('#box') // 获取宽高 console.log(omw.offsetWidth,omw.offsetHeight) // 获取宽高（不计算边框） console.log(omw.clientWidth,omw.clientHeight) 获取dom节点偏移量var a=docume...

第一种方法这个很简单直接以import的形式引入，在后面加一个?raw,然后使用yaml模块进行解析即可 import config from '@/assets/managerCool.config.yml?raw' import {parse} from 'yaml' console.log(parse(config)) ...

数组常用方法 注意：前面7种方法会改变原数组 1. push 后面追加元素2. pop 后面删除元素3. unshift 前面追加元素4. shift 前面删除元素5. splice 删除与增加，比如arr.splice(1, 1)、arr.splice(1, 0, "lz")6. reverse 倒序7. sort 排序： 从小到大 var arr1 = [10, ...

思维导图 构建前端1. 安装项目npm create vite@latest 相信大家运行个项目没啥问题吧，这里作者就不多费口舌了 2. 安装ant-design-vuenpm install ant-design-vue@4.x --save 不用安装这个也可以，但是要自己写前端上传代码，没必要，我们就站在巨人肩膀上就行 3. 引入ant-design-vue直接在main.ts中进行全...

创建vite+vue项目npm create vite@latest 配置别名在vite.config.js中配置别名 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path'...