管理后台工具

接口请求获取拼接导出的数组markdownFiles 导出的方法，使用第三方库jsZip，使用第三方库jsZip

本地开发是没有问题的，但是一打包就提示这个报错 gpt的回答 显然不是这个原因引起的，因为之前的pinia也是可以使用的 查看了git提交的代码，发现自己封装的组件在import一个全局的方法，vue

使用的技术栈是vue2全家桶，使用element ui进行二次封装组件库， 比如el-select，el-dialog，el-table等二次封装，管理后台比较多页面这里只是把主要功能展示出来 首页可

文字走马灯，手机的弹幕等等。 js可以动态的计算宽度，但js做动画需要定时器，很不方便。 其实就是里外容器对向滚动，滚动的值为里外容器宽度的差值，如果里容器与外容器等宽，那么差值就为0，视觉上是没有滚

在实际工作时有一个需求是导入多个svg转成字体图标，然后进行动态改色 由于导入时，svg带有颜色，生成的icon有默认颜色， 解决的方案就是提高css的权重，但是多人开发时可能会导致其他人不清楚这个方

实际开发时前端需要name，com，previewUrl去展示，但是不需要提交给后台这些字段，主要是图片字段会转成base64还有com是动态组件，发送到后端会导致存储过长 解决方案： 1.在接口获取

根据el-table的宽高导出excel表格，根据el-table的宽高导出excel表格，根据el-table的宽高导出excel表格，

合并数组，相同项合并属性，不同push ``` let arr=[{id:1,name:'dylan'},{id:2,name:'kebi'}] let arr1=[{id:1,position:'c

vueCropper踩过的坑，公司业务需求是按照指定尺寸裁剪，原本想着截出来在用canvas放大，后面发现有enlarge这个属性， 一开始想着设置5比较好计算，后面有一个尺寸是需要2788高，发现只

一个数组里面找到相同的name，并将其langId对应的code作为key，content作为value，返回新的数组 完整的demo代码

今天开发的需求，点击红色不触发el-select，点击三角图标（蓝色区域）才触发el-select， 不得不说子绝父相的使用得好，下班下得早 ![image.png](https://p1-jue

draggable对表格列进行拖拽排序 ``` <!-- 排序 --> <Dialog title="Sort" v-model:dialogVisible="dialogFormVisibl

开发时需要跳转页面传参，使用下拉框发现无法选择以及回显 仔细分析原因是 1.将数组存在sessionStroge里面（将数组使用JSON.pare拿出来） 2.地址栏传参，拿到的是字符串（字符串转为数

由于之前使用echarts比较多，项目里面使用vchart也比较方便，尝试一下，发现vchart没有echart的配置仔细，这也浪费比较多时间，下面是使用的一些场景，记录一下，方便自己后续使用。 y轴

在浏览器上面输入url就可以实现文件下载，然后今天需要一个导出功能，查看别人的做法都是下载对应的插件去下载pdf或xlsx文件，这里需要对下载的文件指定名字加后缀。然后发现下载后的zip包打开后是空的

使用的是vue+echarts+d3+three.js实现的四个数据可视化 预览地址： https://lihuikun1.gitee.io/vue-echarts 实现的效果图展示

实现的效果图，点击最上面的按钮、三个用户模块以及时间的选择都会数据刷新 1.首先是点击时间会请求接口，点击其他模块是不会请求接口的，所以点击其他模块都是前端的计算，减少接口请求，提高用户的体验交互 后

![dafccb53add9d696ce78c48b952d06b.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c7626e2a5e3

echarts开发的小功能，记录一下 1.修改legend的颜色，在legend的同级下面添加颜色数组 2.将legend修改为圆形，icon: "circle", 这个字段控制形状  类型包括 ci

封装代码，传入的数据生成范围，将最大值和最小值传给后端，代码如下： 父组件可以在生命周期mounted里，等到子组件的值全部取到后再调用接口 注意：单选调用接口可以在子组件里面调用父组件的方法