自定义博客皮肤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)
  • 收藏
  • 关注

原创 TypeScript学习第三天(断言类型|联合类型|交叉类型)

在开发当中,可能会遇到这样一个问题,现在有一个函数,传入的值可能不止一种,但当我们确定是某个类型的时候,就可以使用断言类型(as)

2022-12-02 15:38:54 204 1

原创 TypeScritp学习第二天(数组类型和函数类型)

number、string、boolean这些直接跟在:后边就行,代表这个数组里面的值必须是以上这些类型,当我们这个数组里的数据类型不确定的时候,就跟any。上边这种写法看起来怪怪的,还有一种相对于比较规范的写法。

2022-12-01 20:54:29 130

原创 Typscript学习笔记第一天(原始类型和对象类型)

unknown不能调用属性和方法,还有unknown类型只能作为父类型,不能二次赋值,如果非要赋值的话,可以把类型改为unknown。说一下他们的区别,any比unknown更安全,当他们同时为一个对象的时候,any可以访问其内部元素。可以是nan可以是16进制数,也可以是infinity(无穷大)这里注意一点,void不能给子类赋值,但undefined可以。这一块比较灵活,可以是,但不建议这样写,注意代码规范。支持ES6的模板字符串`web{$str}`1.any类型可以任意赋值不做限制,例如。

2022-11-30 20:40:13 232

原创 Vue3学习(第三天)

在Vue2中,使用组件需要先引入,再components中定义再使用,Vue3中,只要是在中引入的子组件就可以直接使用。在Vue3中,组件传值有一点小小的变化,子组件接收父组件传来的值时,需要使用definePops 这个方法,在v-for中使用模板引用时,对应的ref是一个数组,它将在元素循环后包含整个循环的所有元素。在实际应用中,我们可能在父组件中的可能是一个数组,这时候我们结合v-for循环做渲染。这里用到defineEmits宏,定义一个值存放。

2022-11-30 17:27:18 480

原创 Vue3学习笔记(生命周期)

每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。beforeDestroy -> onBeforeUnmount 组件挂载到节点上之前执行的函数。beforeMount -> onBeforeMount 组件挂载到节点上之前执行的函数。beforeUpdate -> onBeforeUpdate 组件更新之前执行的函数。

2022-11-29 17:46:37 2367

原创 Vue3学习(第2天)

1.v-on指令,简写为@来监听Dom事件,并且在触发时执行对应的JS,例如点击事件可以是。v-bind:class可以缩写为:class,它的作用是动态传输样式,我们可以传递一个对象来动态的切换class。2.v-for和v-if同时使用时会抛出警告,原因时v-for定义的值没有在改实例定义,解决办法是将v-for放在。v-if指令可以选择性的渲染一块区域的内容,可以搭配v-else使用,当v-if的值=fales的时候,就会显示。简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS。

2022-11-29 16:47:09 115

原创 Vue3学习笔记(第一天)

Vue3响应式,用到来简化该操作,具体代码如下。重点:需要在script里引入reactive。如此就省略了return暴露这一步,简洁明了。数据定义在steup()方法中。

2022-11-28 18:29:35 90

原创 Vue父组件向子组件传递对象(学习记录)

Vue父组件向子组件传递对象时遇到的问题

2022-11-01 16:50:22 3927

原创 flex多个元素垂直居中

flex布局 水平垂直居中对齐是一个老生常谈的问题,我做一个简单的代码示例 display: flex; justify-content: center; align-items: center; justify-content: space-evenly; /* 水平均匀分布 */ flex-direction: column; /*使元素垂直排列*/......

2022-06-15 14:15:54 458

空空如也

空空如也

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

TA关注的人

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