1. 包装类（Wrapper Class）。

   针对原生数据类型的包装。 包装类（8 个）都位于 java.lang​ 包下。

   java 中的 8 个包装类分别是：Byte，Short，Integer，Long，Float，Double，Character，Boolean。

   他们的使用方式都是一样的，可以实现原生数据类型和包装类额双向转换。

2. 数组（Array）：相同类型 数据的集合叫做数组。

3. 如何定义数组：

   type[] 变量名 = new type[数组中元素的个数 ]; 
   

   按照下列方式定义长度为 10 的数组：

   int[] a = new int[10]; // 或者
   int a[] = new int[10];
   

4. 数组中的元素索引是从 0 开始的。对于数组来说，最大的索引 == 数组的长度 - 1 。

5. 定义数组的第三种方式：

   type[] 变量名 = new type[]{逗号分隔的初始化值列表}
   

6. Java 中的每个数组都有一个 length 属性，他表示数组的长度。

   length 属性是 public，final，int 的。数组长度一旦确定，就不能改变大小。

1. 面向对象程序设计的三大基本特征： 继承（Inheritence​）、封装（Encapsulation​）、多态 （Polymorphism​）
2. 封装： 类包含了数据与方法，将数据与方法放在一个类中就构成了封装。
3. 如何定义类？

 修饰符 class 类的名字{
   // 类的内容（包含了属性与方法）
 }

从零开始使用react写一个随机变色的标签组件

标签定义及引用

/**
 *
 *  color: 设置标签颜色
 *  visible: 标签是否显示  true
 *  closable： 标签是否可以关闭（点击默认关闭） false
 *  onClose: 关闭会调
 *  icon: Icon
 */
import React, {useState} from 'react';
import classnames from 'classnames';

interface IPropsTag {
    color?: string;
    visbile?: boolean;
    closable?: boolean;
    onClose?: () => void;
    icon?: React.ReactNode;
    children?: any
}

vue3的reactive和ref的区别

首先我们都知道 ref 函数和 reactive 函数都是用来定义响应式数据；

但是 reactive 更适合定义复杂的数据类型（json/arr）、ref 适合定义基本数据类型（可接收基本数据类型和对象）

一句话：

使用场景，ref 简单数据，reactive 复杂数据，ref 取数据需要加 value

参考

https://juejin.cn/post/7013326406444646407