获取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'...

创建vue3项目npm init vue@latest npm init vue@latest 安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。创建的 vue3 项目是基于 Vite 打包的。

预览图 官方文档https://xaoxuu.com/wiki/stellar/ 安装在hexo根目录下执行 git clone https://github.com/xaoxuu/hexo-theme-stellar.git themes/stellar 运行安装后运行可能会缺少一些模块，可以根据报错，将缺失的模块安装比如我缺少的模块是: hexo-fs hexo-util 执行 n...

前言说来惭愧，最近学习sass后，才发现原来css中也可以写变量，原来自己对css的知识只是冰山一角，接下来我们就来写一个简单的动态改变背景颜色的demo css中如何定义变量:root{ --color: #000; } 如何使用body{ height: 96vh; background-colo...

介绍Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。官网: https://sass-lang.com/ 在vscode中安装安装插件: Live Sass Compiler此插件可以直接将...

数组方法 拆分多维数组flat let arr = [1,2,[3,4,[5,6]]] console.log(arr.flat(2)) // [1,2,3,4,5,6] 数组元素修改fill let arr = [1, 2, 3, 4, 5] console.log(arr.fill(10, 2)) // [1, 2, 10, 10, 10] 只改变数组其中一个元素with let...