前端实现模拟彩虹桥设计稿想到的是使用Ant Design中的进度条实现，但是吧，圆形的，还多层级，好想没有遇到过这种。处于之前搞过一个 “最近在项目开发中遇到一个，觉得还蛮有意思的设计，实现类似彩虹🌈一样的多层级的进度展示，在这记录一下（注意：下方有。具体的一些配置参数根据自己的项目需求，可以去echarts官网查阅。，不同的颜色不同的层级代表着不动的数据项进度，清晰又直观。看看，这种带进度比例

项目场景：有时我们在项目中后端返回给我们的时间数据格式（2021-08-04T14:39:47.939）并不是我们最终想要展示的样子，显示的效果不好，这时候我们就需要对返回过来的时间数据进行初始化处理，来达到最终的展示效果（2021-08-04 14:39:47）。后端返回的时间数据展示效果：解决方案：期初是想引入moment.js 插件，绑定处理时间格式的方法，来专门进行时间戳转化，虽说可以实现

前端实现动态切换主题色-使用 css/less 动态更换主题颜色（换肤功能）或通过单击更改背景颜色CSS中原生变量“--”和var()使用纯CSS控件切换主题颜色或通过单击更改背景颜色，

antd4.x 表格合计行在表头下方展示（合计行置顶）实现步骤：1、首先给table添加sticky属性设置粘性头部2、通过修改table中对应的css实现合计行置顶实现步骤：1、首先给table添加sticky属性设置粘性头部<Table// 1、添加sticky属性stickycolumns={columns}...summary={pageData => {...}}

在写一些vue项目时候，经常会引入一些组件。无论是自定义组件还是引入的外部组件。style经常用scoped属性实现组件的私有化，防止影响到其他页面上的样式。但是有时需要在父组件中更改自组件的样式，比如要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，就要用到组件穿透（也叫深度修改css，深度作用选择器）可用的方法有 >>> 、 /

项目场景：最近在熟悉公司的一个项目，发现老是存在一个bug，强迫症我的看着就很难受，在此记录一下问题描述：Vue中Duplicate keys detected错误：​​​​原因分析：在同一层DOM节点上，vue发现key不是唯一的，是会出现报错。但如果不是在同一层DOM使用v-for循环，则不会报错。这种情况一般出现在 v-for循环生成列表等情况，对key值处理不当时，正如此项目在对data中