CSS边框 Border border-block border-inline border-image border-image属性用于实现更加复杂的边框 border-image-source 该属性设置边框图像的路径,也可使用css渐变 123p { border-image-source: url('./border.png')} border 2023-02-26
Esbuild打包 Esbuild是一个前端打包工具,使用Go编写拥有极快的打包于压缩能力 安装 Esbuild 12pnpm i esbuild -Dpnpm i typescript -D ts-node 由于使用了TS,后续用ts-node来直接执行TS文件,所以要先安装ts-node 1pnpm add ts-node -g tsc --init初始化tsconfig.json,并添加ts-no 2023-02-05 前端工具 > 工程化 #Esbuild #打包
Rollup打包 安装 1234567pnpm initpnpm i rollup -D# 不使用TS可忽略ts与ts插件安装pnpm i typescript @types/node -D# rollup ts打包插件与依赖包pnpm i @rollup/plugin-typescript tslib -D 配置 TS 配置 tsc --init tsconfig.json 123456789 2023-01-28 前端工具 > 工程化 #打包 #Rollup
🔴Nuxt3学习 安装 使用npx创建项目时pnpm安装需添加参数--shamefully-hoist使用同npm的依赖安装模式 12345678npx nuxi init <demo-name>npm i# yarn# pnpm i --shamefully-hoist# 或pnpm dlx nuxi init <demo-name>pnpm i nuxi CLI pages 1 2023-01-02 Vue > SSR框架 > NUXT #SSR #NUXT
Vue3过渡动画组件 Transion 组件使用 Transition组件只能拥有单个子组件或子元素,且子组件只能有一个根节点。 该组件用于v-if,v-show或单个component组件 name属性用于定义类名前缀(默认为v) 12345<template> <Transition name="transition"> <div v-if=&qu 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来执行脚本文件 2022-12-22
CSS函数 自定义属性 var var()函数用于获取自定义属性值 CSS3使用双横线开头声明自定义属性(大小写敏感),自定义属性属性值可以是任何的CSS属性值 可使用var函数与属性选择器来实现主题切换 1234567891011121314151617181920<div> <p class="func-var">Var函数</p>< 2022-11-23 CSS > 基础 #CSS
Vite工程化配置 安装与使用 1pnpm i vite -g 1pnpm create vite 基础配置 路径别名 设置路径别名可以方便的导入文件 vite.config.ts 123456789101112131415import { defineConfig } from 'vite'import { resolve } fro 2022-11-20 前端工具 > Vite #Vite