Vue3过渡动画组件 Transion 组件使用 Transition组件只能拥有单个子组件或子元素,且子组件只能有一个根节点。 该组件用于v-if,v-show或单个component组件 name属性用于定义类名前缀(默认为v) 12345<template> <Transition name="transition"> <div v-if="vi 2022-12-29
🟡CSS@规则 自定义字体 @font-face可为网页使用自定义字体 font-family属性定义自定义字体名 src属性导入字体,local用于在本地查找 12345@font-face { font-family: "FiraCode", src: local("Fira Code"), url('xxx.xxx.xxx' 2022-12-23 CSS > 基础 #CSS
CAC创建CLI 创建Node CLI 入口文件 新建bin目录,新建index.js作为CLI入口文件 bin/index.js 123#!/usr/bin/env nodeconsole.log('Hello World!') 第一行要写#!/usr/bin/env node声明在用户环境变量中查找node来执行脚本文件 注册CLI 123 2022-12-22
CSS函数 自定义属性 var var()函数用于获取自定义属性值 CSS3使用双横线开头声明自定义属性(大小写敏感),自定义属性属性值可以是任何的CSS属性值 可使用var函数与属性选择器来实现主题切换 1234567891011121314151617181920<div> <p class="func-var">Var函数</p></div 2022-11-23 CSS > 基础 #CSS
Vite工程化配置 安装与使用 1pnpm i vite -g 1pnpm create vite 基础配置 路径别名 设置路径别名可以方便的导入文件 vite.config.ts 123456789101112131415import { defineConfig } from 'vite'import { resolve } from 'p 2022-11-20 前端工具 > Vite #Vite
Go学习 基础语法 先来一手经典开局 12345678910// 声明main包package main// 导入fmt包(一系列可调用的方法)import "fmt"// main函数(类C语言)func main() { fmt.Println("Hello World!")} 变量声明 GO语言为强类型语言,没有隐式类型转换 🍕全局变量 2022-11-17 Golang #Golang
React zustand zustand是一个React的状态管理包,使用hooks的方式来使用(像Pinia一样) 官方文档:Zustand (github.com) 安装 1pnpm i zustand 创建一个状态库 zustand暴露create方法用于创建store create方法接收() => object回调函数 src/store/userStore 2022-11-05 React > 状态管理 #React #状态管理
React Redux Toolkit (RTK) React Redux Toolkit是对redux封装,使其使用更加方便 安装 1pnpm i react-redux @reduxjs/toolkit 创建state模块 createSlice方法类似于创建一个state的小模块,该方法接收一个对象, 该对象的name属性用于创建actionstype前缀,应为唯一的值 initialState属性为初始state reducers属性为操 2022-10-29 React > 状态管理 #React