本篇文章干货较多，建议收藏！

从 vue2 升级到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的选项式API。由于选项式API一个变量存在于多处，如果出现问题时，就需要去多个函数内检查，项目较大时，遇到问题，增加排故的难度。所以 vue3 中新增了 setup 配置项，用它来写组合式API。

onMounted()是Vue3.2中的一个生命周期钩子，用于在组件挂载后执行一些操作。

onMounted()生命周期钩子的用法和作用如下：

1. 在setup()函数中使用onMounted()生命周期钩子，可以在组件挂载后执行一些初始化操作，比如获取数据、绑定事件等。

在Vue3.2和以上版本中，onUnmounted是一个生命周期钩子函数，它会在组件实例卸载之后被调用。它的作用和onBeforeUnmount类似，主要用于在组件卸载后清理一些资源，避免内存泄漏或者不必要的计算。

下面是一个使用script setup语法的例子，展示了如何在组件卸载后清除定时器：

<script setup>
import { ref, onUnmounted } from 'vue'

const count = ref(0)
const timer = ref(null)

const startTimer = () => {
  timer.value = setInterval(() => {
    count.value++
  }, 1000)
}

const stopTimer = () => {
  clearInterval(timer.value)
}

onUnmounted(() => {
  stopTimer()
})
</script>

<template>
  <div>
    <p>计数器：{{ count }}</p>
    <button @click="startTimer">开始计数</button>
    <button @click="stopTimer">停止计数</button>
  </div>
</template>

CSS3是CSS的第三个版本，是一种用于描述网页内容样式的语言。它引入了很多新特性，如圆角、阴影、渐变、变换、过渡、动画、自适应布局等，以下是CSS3的一些新特性及介绍和如何使用：

1. Border-radius（圆角）：使用border-radius属性可以实现元素的圆角效果。使用示例：

border-radius: 10px;

前言

前段时间小编刷抖音的时候，刷到了咱们前端小伙伴制作的3D炫酷相册，居然那么火，细思一下，随着3D动画的普及，广泛的运作在各个平台，各官网都在实现3D页面。它可以更接近于真实的展示我们的产品和介绍，带来极强的视觉冲击感。所以说，为了让自己更加优秀，css3 3D动画必不可少。下面这篇文章，将带你初步了解CSS3实现酷炫的3D旋转透视

要想自己的网页能有3D特效，必须要会透视。

这原本是世界上首次对“Aerospike”气动火箭发动机进行飞行试验，但 MIRA I 原型机在起飞时，其推进系统中最具创新性的部分还未来得及点火就坠毁了。北极星公司没有气馁，正在制造两台更大的原型机。

MIRA I 是德国航空航天初创公司北极星 Polaris Raumflugzeuge 的产品，起飞时速度约为 105 英里/小时（169 公里/小时），"起落架转向反应"加上侧风造成了"硬着陆事件"，导致这架太空飞机已经无法运行，玻璃纤维机身损坏严重，无法修复。

然而，北极星公司并没有试图修复这架原型机，而是选择让 4.25 米（13.9 英尺）长的 MIRA I 退役，继续设计形状相同的 5 米（16 英尺）长的 MIRA II 和 III。它们基本上是 MIRA I 的较大复制品。

工具类乱象

最近在检查代码时，发现有的同事喜欢用 isEmpty，有的同事喜欢用 isBlank，而且大家用的还不是同一个工具包中的，甚至还有自己手写 String 工具类的，天呀，我真是醉了……

string.isspace()方法

如果字符串中仅包含空格字符，则isspace（）方法将返回True。 如果不是，则返回False。

用于间隔的字符称为空白字符。 例如：制表符，空格，换行符等。