2301_76513773的博客

【代码】CSS常用边角料收集。

1.从接口获取展示用的数据data后，算出每个被渲染出的卡片应有的。3.代表Y轴位移的数一旦触底/到顶后回归初始值。，每过一段时间，数组每个值加或减一定的偏移量；控制卡片组滚动,来完成动画效果。，保存到一个代表Y轴位移的数；即在不变换的情况下是。

跟着官方给的Demo能清晰地接入项目，但目前官方的Demo下载下来只给了vue2的。（附官网链接），第一次无感验证，失败后跳出滑块验证。下贴子组件，即验证功能本体。1.需要先在项目根目录里找到。

如果原先就有图片，则点击修改时直接出现原图片，用户可点击【选择】重新上传再裁剪，也可直接裁剪原图片提交。用户上传的头像、封面等图片需要符合一定的比例，网站需要帮助用户进行预处理，确保图片显示时不会变形。点击上传按钮选择文件后，出现裁剪弹窗。

【代码】Vue3弹窗遮罩模板。自用留档

处理思路：十六进制的色值，前两位代表红色，3-4为代表绿色，最后2位代表蓝色。是处理后的RGB模式色值。如截图，输入文字颜色色值，函数自动处理，输出背景色。颜色方向：饱和度更低，明度更高。

在项目中碰到的需求，多个图表在同一个坐标系中，个别日期需要特别标记，需要用三角形进行标记。这次拿到的数据，每张图的X轴完全一致，没有做额外处理。Y轴数据量级有差距，需要手动处理。从接口拿回数据后，算出4张图同属的最大Y值和最小Y值，对图表进行设置。，才能保证拿到数据后每个图的X轴和Y轴对齐。】来解决，引入的图层类型有【面积图。个人觉得需要用到【多图层图表。里的每个对象代表图层。

为数字添加‘，’分隔。

引入了动画库全局引入 --main.js就可以使用了注意：将类名与其他动画名称一起写，单个动画名称不要忘记Animate__前缀！

总是分不清计时器的名字和使用，自用留档记录一下，便于后面查看。

【代码】MyAxios.js