自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 vscode vue3+TS基础模版自定义

选择vue.json 如果没有需要自己手动输入。

2023-12-16 11:25:26 591 1

原创 pinia状态管理

我们都知道Vuex在Vue2中主要充当状态管理的角色,所谓状态管理,简单来说就是一个存储数据的地方,存放在Vuex中的数据在各个组件中都能访问到,它是Vue生态中重要的组成部分。实际上,pinia就是Vuex的升级版,官网也说过,为了尊重原作者,所以取名pinia,而没有取名Vuex,所以大家可以直接将pinia比作为Vue3的Vuex。从上面官网的解释不难看出,pinia和Vuex的作用是一样的,它也充当的是一个存储数据的作用,存储在pinia的数据允许我们在各个组件中使用。

2023-11-24 20:10:00 885 1

原创 异步编程:Promise, async, await

2023-11-24 19:41:59 372 1

原创 js数据类型相互转换

使用-(减法)字符进行隐式转化时,会把字符串型的数值转化为数值型,遇到布尔值也会把布尔值转换0或1,但遇到非数字的字符串会返回NaN。toString() 方法是强制转化为字符串类型 返回转换后的新值,不会改变之前值的类型。使用拼接符+时,凡是跟字符串拼接的都会转化为字符串,只有全部为数值型的才会进行相加。布尔值与字符串拼接时直接拼接不进行转换(不转换为0或1)字符串转数组,split(分隔符), 字符串是用什么分隔的,分隔符就写什么。简单数据类型(基本数据类型) 复杂数据类型(引用数据类型)

2023-08-13 09:29:35 38 2

原创 数组的总结

/unshift (在数组的嘴前面添加一个或多个数组的元素,添加元素后length也会相应变化,之前元素的下标也会相应改变)//indexof(元素) 通过元素查找索引,返回值是元素的索引,如果查找不存在的元素时,返回值是-1。//lastIndexof() 从后往前查找,并返回元素的索引,如果查找不存在的元素时,返回值是-1。//pop 删除数组中的最后一个元素,不需要传参,一次只能删一个,返回值是删除的那个元素。//如果数组中有相同元素时,查找的索引是从后往前第一个元素的索引。

2023-08-13 09:12:13 21 1

原创 css 弹性盒子

space-between:是空白空间平均分布在弹性元素之间,弹性元素与弹性容器之间没有距离。space-between:是空白空间平均分布在弹性元素之间,弹性元素与弹性容器之间没有距离。space-around:是空白空间平均分布在弹性元素二侧,弹性元素与弹性容器之间有距离。space-evenly:是空白空间平均分布在弹性元素一侧,弹性元素与弹性容器之间有距离。space-evenly:是空白空间平均分布在弹性元素一侧,弹性元素与弹性容器之间有距离。注意:一个元素既可以是弹性容器,也可以是弹性元素。

2023-07-16 20:14:24 18

原创 css 动画

animation-timing-function:设置动画运行的速度。animation-iteration-count:设置动画播放次数。animation-fill-mode:设置动画停止是的状态。animation-duration:设置动画使用时间 必填。alternate-reverse 反-正-反。animation-play-state:设置动画是否停止。animation-direction:设置播放方向。alternate 正-反-正。running 播放。ease 慢-快-慢。

2023-07-16 20:13:26 17

原创 伪3d transform

scale:设置缩小放大,数值,代表当前元素的宽高的倍数,包含:translateY/translateX。二个值:第一个代表宽,第二个代表高。只写一值:代表宽高的缩放倍数相同。transform-origin:设置旋转的定点。只写一个值代表水平方向,垂直为0。translate:平移,简写。包含:skewX/skewY。注意:缩小是[0,1)skew:设置倾斜,单位deg。水平:正值向右,负值向左。垂直:正值向下,负值向上。正值顺时针,负值逆时针。只写一个值:水平方向。transform:变形。

2023-07-16 20:12:23 24

原创 绝对定位布局

top+margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom+bottom=包含块内容盒的高度。left+margin-left+brder-left+padding-left+width+padding-right+border-right+margin-left+right=包含块内容宽度。3.3 width和left/right同时设置auto时,多余部分给left/right吸收。

2023-07-16 20:10:52 67

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除