前端-CV全粘工程师

使用绝对定位，将父元素的 position 属性设置为 relative，然后将子元素的 position 属性设置为 absolute，再将左侧和上方属性设置为 50%，transform 属性设置为 translate(-50%, -50%)，使其水平垂直居中。使用表格布局，将父元素的 display 属性设置为 table，然后将子元素的 display 属性设置为 table-cell，使用 vertical-align 和 text-align 属性将子元素水平垂直居中。

SVG是一种矢量图形格式，它使用XML来描述图形，因此非常适合图形的缩放和变换。而Canvas则是一种位图技术，它使用像素来绘制图形，因此不太适合进行图形的缩放和变换。SVG可以制作复杂的图形，包括高质量的曲线、文本和渐变，Canvas则更适合制作简单的2D图形。SVG基于文档对象模型（DOM），因此可以与其他Web技术（如HTML、CSS）进行无缝集成。而Canvas则需要自己编写JavaScript代码来实现图形的交互和动画效果。SVG浏览器兼容性较好，支持较多种浏览器。

【代码】【CSS 常用加载动画效果】

是CSS的属性之一，用于裁剪元素的形状。它可以通过定义一个具有多边形顶点坐标的值来创建一个多边形的裁剪区域，从而实现元素的非矩形裁剪效果。其中多边形顶点坐标可以按照顺时针或逆时针顺序设置，坐标以百分比或像素为单位。因此，可以根据具体的需求选择不同的裁剪方式。还支持其他的形状裁剪方式，例如。

定义多行情况下的对齐方式，可以是flex-start（靠近起点）、flex-end（靠近终点）、center（居中对齐）、space-between（每行之间相等间隔）、stretch（拉伸填满）等。定义在主轴上的对齐方式，可以是flex-start（靠近起点）、flex-end（靠近终点）、center（居中对齐）、space-between（两端对齐，中间间隔相等）等。指定如何换行，可以是nowrap（不换行）、wrap（换行，第一行在上方）、wrap-reverse（换行，第一行在下方）。

避免外边距的合并：当两个相邻的块框的 margin-top 和 margin-bottom 相遇时，会合并为一个 margin，通过在两个块框之间插入一个拥有 BFC 属性的元素，可以避免合并的情况。BFC（块级格式化上下文）是 CSS 中的一种盒模型布局，是指一个独立的块级容器，容器内部的元素会按照一定规则进行布局。每个 BFC 都是一个独立的容器，容器内部的元素不会影响到外部的元素。BFC 具有一定的自适应能力，当容器高度不够时，容器会自适应地缩小高度，从而避免出现溢出的情况。

而filter是SVG中的一个功能强大的元素，通过filter可以对SVG图形进行各种滤镜效果处理，包括模糊、阴影、光晕、颜色调整等。粒子效果是一种非常流行的SVG滤镜效果，它可以在SVG图形中添加大量的小球或点，形成漂浮、飘动或爆炸等效果，非常适用于动态图形的呈现。当然，以上代码只是一个简单的粒子效果，我们可以通过调整feTurbulence和feDisplacementMap的参数，以及添加更多的小球或点，来创造出更加丰富的粒子效果。这样，所有的小球或点都将受到filter效果的影响，形成了粒子效果。

希望之光CSS 动画 漂浮动画

uniapp 引入animate，uniapp使用animate

css 点赞动画 描边动画

css

css超出省略

vue，uniapp，或小程序中css删除列表最后一个的边框