Vue3刚出来的时候，我觉得 vue-hooks 时代来了，终于可以抛弃单文件组件的写法，彻底融入到函数式编程中，在react和vue之间无缝切换，然而脱离了 模板 的vue...
发简信
IP属地：广东
-
Vue3 script-setup 清新单文件写法
-
vue3.0里给数据添加响应式有很多api可用，有时傻傻分不清，分享一下个人的理解。
一、reactivereactive 用于为对象添加响应式状态。接收一个js对象作为参数，返回一个具有响应式状态的副本。 获取数据值的时候直接获取，不需要加.value参数只...
-
1.2 transition 简写属性
transition 过渡 在之前变形 transform 的学习过程中，我们知道在触发变形的阶段，会存在一个始态和一个终态。属性的新值替换旧值的持续时间是毫秒级的。受影响的...
-
transform 变形
1. 变形功能的诞生 在以前的变形上，仅仅是视觉效果上的变形，在底层的坐标方格上没有发生改变。自从CSS3诞生后，元素的特效就从二维走向了三维。之前我们通过浮动、margi...
-
animation 动画
概述 CSS 动画与过渡的相同点是CSS属性都在一段时间内发生变化，而不同点就是动画对变化的方式有更多的选择和控制。尤其是通过关键帧实现的CSS动画能设定是否以及如何重复动画...
-
Bootstrap 栅格布局的使用1. 栅格系统 bootstrap 提供了一套非常强大的系统 —— 响应式、移动设备优先的栅格系统。它可以随着设备或者视口的尺寸大小的增加而适当的扩展列数（最多到12列）。...
-
盒子模型（标准盒模型）
文档中每个元素都会生成一个矩形框，我们通常称之为元素框。这个框体描述元素在文档布局中所占的空间。因此，每个元素框之间都是有影响的，并且涉及到位置和尺寸。在默认情况下，渲染出来...
-
移动端布局vw和vh、em与rem
1. 当盒模型等属性遇到百分比 1.1 margin 和 padding 使用百分比做单位 盒模型是由padding、margin、width、height 这几个属...
-
标准盒模型和怪异盒模型
1. 标准盒模型 width：代表内容区域的宽度； height：代表内容区域的高度； 盒子总宽：width + 内边距 + 边框 + 外边距； 2. 怪异盒模型 width...