webpack基础知识

需要安装的模块{ "name": "webpack", "version": "1.0.0", "description": "", "scripts": { "serve": "...

前端进阶

sass基础知识

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

前端进阶

js设计模式

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

前端3大件

vue3基础知识3

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

前端进阶

vue3基础知识2

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

前端进阶

vue3基础知识1

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

前端进阶

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

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

前端进阶

js基础篇4

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

前端3大件

MongoDB的安装与使用

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

前端进阶

js基础篇3

数组扩展 拆分多维数组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...

前端3大件
13456711