-
CSS3 样式知识库
选择器 类型选择器 div { 属性 : 值 } 类选择器 .class { 属性 : 值 } ID选择器 #id { 属性 : 值 } 通配符选择器 通常都是用来……
2026-01-107 0 0 -
Flex+Grid 布局
FlexBox 基础 使用 display: flex 开启 Flex 布局 方向 Direction Direction 定义了主轴的方向,决定项目是水平排列还是垂直排列的。 flex-direction 默认值为 row,即默认以横排列(……
2025-12-1419 0 0 -
SCSS 基础使用
SCSS简介 SCSS 原本叫 SASS,SASS 是版本1和版本2的叫称,当时的格式不用大括号,而是使用缩进作为层级,因为不好阅读,所以在第三版之后,SASS增加了使用大括号作为层级,完全兼容CSS语法,……
2025-12-1325 0 0 -
TypeScript 装饰器(Java中的注解)
开始 开启装饰器: 在 tsconfig.json 文件中加入配置项,目前装饰器为实验性功能,只有类装饰器可以在不开启情况下使用,其它位置使用装饰器需要开启才能使用。 { "target": "es6", "exp……
2025-12-0928 0 0 -
Pinia – 新一代数据共享插件使用说明
简介 Pinia 是Vue3中替代Vuex的新一代数据共享插件,本文为Pinia的基本使用教程。 与VueX的区别 采用组合式API 所谓组合式API,指的是我们所有需要调的函数或数据,都不会直接保存到Vue……
2023-07-1128 0 0 -
Vue3+Vite 项目搭建基础依赖安装
简介 使用Vite + Vue3 + TS 开发的项目,在项目搭建初期,需要对项目加入必要的依赖,尤其是企业级开发时,对于项目的标准化工作,起到很重要的作用。 完整项目下载(未包含依赖项):……
2023-07-1045 0 0 -
CSS3 – 样式查询表
长度单位 视口百份比 vw (viewport width) vw 是 CSS3 提出的一种新的长度单位,该长度单位会基于浏览器视囗宽度大小作为百份比 举例: div{ /* 宽度会占用浏览器页面总宽度大小的 50% */……
2023-04-0459 0 0 -
CSS – 样式查询表
字体 字体大小 font-size: (num) px 字体族 font-family: "FontName","SecondFontName","ThirdFontName",sans-serif 可以写多个字体,当系统找到第一个字体时,则使用第一个字体,如……
2023-04-0134 0 0 -
CSS – 选择器类型查询表
通配选择器 作用:可以选中所有的 HTML 元素 语法: * { 属性名:属性值; } 举例: * { color: orange; font-size: 40px; } 元素选择器 作用:为页面中某种……
2023-03-3150 0 0 -
Vue3 – Suspense 异步渲染组件
简介 Suspense 是 Vue3 提供的一种新的组件渲染方式,Vue 的组件通常使用同步渲染方式,如果一个父组件中,包含了多个子组件,那及这个父组件要渲染完成,必须要把它所包含的所有子组件都渲染……
2023-03-1426 0 0