webpack基础知识

需要安装的模块123456789101112131415161718192021222324252627282930313233343536373839404142434445464748{ "name": "webpack", "version": "1.0.0", "descript...

前端进阶

sass基础知识

sass中的变量12345$color: var(--color, red);.box{ color: $color;} 数据类型 数字,1rem、2vh、13、 10px; 字符串,分有引号字符串与无引号字符串,"foo"、 'bar'、baz; 颜色,blue, #04a3f9, rgba(255,0,0,0.5); 布尔型...

前端进阶

js设计模式

工厂模式12345678910111213141516171819202122232425262728293031<!-- 工厂模式:根据不同的输入返回不同类的实例,一般用来创建同一类对象。 --> // 饭店方法function restaurant(menu) { switch (menu) { case '鱼香肉丝'...

前端3大件

vue3基础知识3

slot插槽1. 基本插槽组件: 123456<template> <div> <h2>{{ title }}</h2> <slot></slot> </div></template> 使用者: 123456789&...

前端进阶

vue3基础知识2

编程式路由导航123456789101112import { useRouter } from 'vue-router'const router = useRouter()function handleClick(item: any) { router.push({ path: '/news/detai...

前端进阶

vue3基础知识1

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

前端进阶

md文件的解析、渲染与目录文件读取

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

前端进阶

js基础篇4

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

前端3大件

MongoDB的安装与使用

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

前端进阶

js基础篇3

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

前端3大件
1237