2024-01-24最近开发的一个项目中，要求使用一个动画效果，UCD 提供了三种解决方案，各有优劣。使用 生成一个SVG 动画，浏览器渲染SVG，由于DOM频繁的变动，即不断的重绘，这个动作会大量的占用CPU 和 GPU 的资源，针对一些比较老的机器（工厂、政府单位的机器可能比较老旧），可能会导致资源不够，打开浏览器CPU直接冲到100%导致浏览器卡死。应用场景：针对特定性能比较强悍的机器，适用于全屏和局部界面的动画视频或者gif 能很好的展示动画的完整性，资源占用也比较小，但是会有如下缺点：应用场景：可以用于浏览器部分界_png 组成动画

https://www.qianduange.cn//article/164.html 分类：前端知识

2024-01-24页面布局-----display:flex详解。_display flex

https://www.qianduange.cn//article/163.html 分类：前端知识

2024-01-24在CSS3中，动画效果包括4个部分：变形（transform）、3D变形、过渡（transition）、动画（animation）。CSS3 2D变形 3D变形 过渡 动画。

https://www.qianduange.cn//article/162.html 分类：前端知识

2024-01-24表明鼠标抬起，需要落到的点，不会绘制线条，只用于改变画笔的位置。如果最开始绘制的时候不指明，则默认是上一个点的位置。path: 用来定义形状的通用元素，所有的基本形状都可以用path来创建，是一种svg路径。以上参数一般使用其的缩写，但是有一点需要注意的是，除了(z|Z)外，参数大小写敏感。画笔需要到达的下一个点的位置，会绘制线条，上一个点与当前所处的点会连接成一条线。该属性使用裁剪方式创建元素的可显示区域，区域内的显示，区域外的不显示。大写字母表示绝对位置，小写字母表示相对位置，相对于上一个点的位置。

https://www.qianduange.cn//article/161.html 分类：前端知识

2024-01-24这篇文章对flex不熟也可以看。这篇文章只讲这三个属性。为了简单化，不会提到主轴交叉轴，也不讲方向，默认方向就是水平方向从左往右。但并不影响对这三个概念的理解。如果你觉得对flex比较了解，可以直接从第二小节开始看起。_flex-basis

https://www.qianduange.cn//article/160.html 分类：前端知识

2024-01-24使用css3新特性——动画，实现一个边框跑马灯效果_div边框加入流光效果

https://www.qianduange.cn//article/159.html 分类：前端知识

2024-01-24教你如何创建轮播图JavaScript方法bootstrap方法_html轮播图

https://www.qianduange.cn//article/158.html 分类：前端知识

2024-01-24新年马上就要到了，教大家用html css设计两个大灯笼，喜气洋洋。_css 如何让灯笼飘动

https://www.qianduange.cn//article/157.html 分类：前端知识

2024-01-24在vue中，可以直接写在index.html的id为app的div里面，因为后面vue加载完成后，会替换掉里面的元素。_前端加载动画

https://www.qianduange.cn//article/156.html 分类：前端知识

2024-01-24css选择器知识_css选择器 contains函数

https://www.qianduange.cn//article/155.html 分类：前端知识