23年8月工作笔记整理（前端）

一、css知识

1.flex布局让某个子元素靠右 margin-left: auto; 靠左 margin-right: auto;
2.不清楚子元素多少个，又要等分占空间；栅格布局方法为：
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
3.给文字赋上渐变背景
background: linear-gradient(to bottom, #fff, #a7d1ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;

二、echarts知识

1.让数据的最大值和最小值做范围，不从0开始;当所有的值都是一样时，会让该值在中间。
yAxis:{scale: true }

三、vue3知识

1.vue3里引入图片的方式
new URL(‘地址’,import.meta.url).href