2-ts快速学习

接口、类、函数、泛型

1.接口 “:”

接口是一系列抽象方法的声明,是一些方法特征的集合,是为这些类型命名和为你的代码或第三方代码定义契约。

通俗的说定义类型。

1)基本用法

例如,一个函数接收某个对象User作为参数,我们需要描述其类型,但它不是基本类型,这时候就需要用接口interface来描述这个类型。

1
2
3
4
5
6
7
interface User {
name: string
age: number
isMale: boolean
}

const getUserName = (user: User) => user.name

上面这种写法只检查user的结构及属性的类型(不检查顺序)。

1.ts快速学习

1.环境搭建

1)安装ts

1
2
3
4
5
6
7
8
9
10
npm install -g typeScript

mkdir ts-study && cd ts-study

mkdir src && touch src/index.ts

npm init

tsc --init
(初始化配置,生成tsconfig.json配置ts文件)

css属性之position:sticky

回顾position属性其它内容

position一共5中定位方式,即static,relative,absolute,fixed,sticky。

static:默认位置,正常流,元素不重叠。
relative:配合top、bottom、left、right,相对该元素默认位置static进行偏移。
absolute:配合top、bottom、left、right,相对于不为static的父级元素。
fixed:配合top、bottom、left、right,相对于视口(viewport,浏览器窗口)。

vue的插槽

1. v-slot

vue插槽有两种:具名插槽和作用域插槽,2.6.0以后,使用新语法v-slot指令(缩写为#)将两种语法统一起来。

老旧的语法,这里不再赘述,参见vue官网。下面讲讲新语法的用法。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×