Transition和TransitionGroup是Vue的内置动画组件，用于制作基于元素状态变化的动画效果，相较于原生CSS实现动画，使用起来更加方便，功能更加强大。

JavaScript的位运算符是将进行运算的数字（八进制、十进制、十六进制等）转换为32位的二进制串，超过 32 位的数字会丢弃其最高有效位，只保留后32位二进制串。然后再对每一位进行运算。但运算后得出的结果，会再次转换成标准的十进制的数字，然后返回。如果进行位运算的数字是负数，则我们需要使用该负数的32位二进制补码来进行位运算。位运算符通常在处理大整数、位掩码、图形、加密等情况下使用，在日常编程

尝试实现一下跑马灯样式的边框，虽然这种样式并不常见（基本没卵用），其使用场景我至今没想到，但是它足够花里胡哨，玩的就是花活。经过一番实践，我实现了两种形态的跑马灯样式边框，其效果如下图所示。其主要使用的CSS属性有：`overflow`、`position`、`transform`、`animation`、`@keyframes`以及`::after`和`::before`等等。

一、flex布局概念1、flex 是 flexible Box 的缩写，意思为弹性布局，使布局变得更加灵活，任何一个元素都可以定义为flex布局。2、采用flex布局的元素称为flex容器，他的所有子元素自动成为容器成员，称为flex项目。3、当父元素设置为flex布局之后，所有的子元素的 float、clear和 vertical-align 属性将不起作用。4、flex容器存在两根轴，主轴（默

组件透传包括属性透传、属性合并、属性冲突、事件透传、深层透传、禁用透传以及多根元素透传等相关内容。组件插槽包括基本用法、渲染作用域、默认内容、具名插槽、动态插槽名、作用域插槽等相关内容。

CSS的自定义属性，又称为CSS变量或级联变量，用于定义一个带有值的、可重复使用的CSS属性（变量）。其包含的值可以在其作用域内的任意属性上重复使用，在使用时需要借助var()函数获取自定义属性的值。当自定义属性的值发生变化时，所有使用该自定义属性的CSS属性都会随之变化。

设置display: grid;的元素，即为容器元素，容器属性共有17条，包含以下：grid-template-columns、grid-template-rows、column-gap、row-gap、gap等等容器的直接子元素即为项目元素，项目属性共有10条，包含以下：grid-column-start、grid-column-end、grid-column、grid-row-start、gr

帧动画允许你通过指定 CSS 属性在不同时间点上的行为来创建动画效果，这些时间点被称为关键帧，所以又被称为关键帧动画。帧动画需要通过@keyframes来创建。@keyframes`仅仅是定义了在所在作用域内全局都可以使用的关键帧动画，定义好了动画的过程，但是其并不能自动应用。还需要通过CSS的animation属性来显式的指定关键帧动画应用的元素，以及一系列相关的动画属性。

对于普通脚本，如果设置该属性，那么该脚本将会并行加载，不阻碍HTML文档的解析，当加载完成后，如果此时文档还没解析完成，则会终止解析，先执行该脚本，执行结束后再继续解析；，浏览器会在文档解析的同时并行的加载这些脚本。如果脚本是内联的，浏览器会先去执行这段内联的脚本，如果是外链的，那么先会去加载脚本，然后再执行。事件的执行，去执行已经加载好的脚本信息，如果此时脚本还未加载完成，则会等待脚本加载完成后

我下面列举三种方案来帮你排忧解难：1、 border-image2、 伪元素+透明边框3、 background-image+background-clip+background-origin