2024-11-02文章介绍了在使用Echarts进行可视化大屏开发时遇到的复用问题，即因为ID重复导致的渲染异常。为解决这个问题，作者提出了一种方案：通过生成唯一的id（如uuid或随机数）来避免ID冲突，确保每个组件实例的独立性。在Vue组件中，作者展示了如何封装Echarts子组件，以及如何在父组件中传递动态id和配置选项，从而实现正确渲染和更新图表。

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

2024-09-30ECharts LiquidFill图表插件教程 echarts-liquidfillLiquid Fill Chart for Apache ECharts项目地址:https://gitcode.com/gh_mirrors/ec/echarts-liquidfill 1. 项目介绍ECharts LiquidFill 是Apache ECharts的一个扩展插件，用于创建具有动态波动效果..._echarts-liquidfill

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

2024-09-01根据报错信息来看，v-charts内所含子依赖"echarts-liquidfill"、"echarts-wordcloud"版本较低（elem团队已经4年未更新vcharts），再根据npm官网进行查询，发现最新echarts5.3.3关于此两子依赖为高版本，故不能兼容，此时只需要将此俩子依赖全部固定版本升级最新即可（根据echarts版本）解决了问题。若不需要考虑Echarts版本高低的问题，可以对Echarts进行降级使用。如果看不懂resolutions的，建议看我之前的博客。_echarts 5引入v-charts

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

2024-08-23echarts-liquidfill 水球图插件安装与使用指南 echarts-liquidfillLiquid Fill Chart for Apache ECharts项目地址:https://gitcode.com/gh_mirrors/ec/echarts-liquidfill 1. 项目目录结构及介绍GitHub仓库: https://github.com/ecomfe/echart..._echarts-liquidfill.min.js

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

2024-08-21因为dataV的轮播表是封装好的，能力有限，改不动，（md,人还能让N 憋死？4. 更多详细内容可参考官方文档：[DataV 官方文档](http://datav.jiaminghi.com/guide/)，上述的2、3两点文档里也有，只是为易错点，需特别注意。查了很多资料，也没找到类似的问题，只有官方论坛一个哥们有类似，但好像也是因为浏览器自动翻译引起的，这里不多叙述。也希望后续看到这篇文章的朋友若出现类似问题，并有思路解释的，告知一下。若有出现文中类似情况的小伙伴，欢迎评论区讨论哈，下一篇见！_datav轮播表

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

2024-08-16vue2项目集成 canvas-editor 富文本编辑器; canvas-ediotr并不是一款开箱即用的插件, 需要通过下载源码来进行手动集成到项目中;源码地址: https://github.com/Hufe921/canvas-editor官方文档: https://hufe.club/canvas-editor-docs/guide/schema.html本地运行结果:canvas-editor通过 vue3 TypeScript 进行编写的, 考虑到大部分的 vue2项目中并没有集_canvas-editor

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

2024-08-14然而，随着技术的不断发展和设备的不断更新换代，我们也需要不断学习和探索新的技术和方法，以适应不断变化的市场需求。在完成响应式布局的设计和实现后，我们需要对不同设备和屏幕尺寸进行充分的测试和调试，以确保页面能够正确地显示和交互。它通过使用媒体查询（Media Queries）和流式布局（Fluid Layouts）等技术，根据设备的屏幕尺寸、分辨率和方向等特性，自动调整页面布局、字体大小、图片尺寸等元素，以确保页面在不同设备上都能够良好地显示和交互。来自：www.yangzhie288.com。_css响应式

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

2024-08-05uniapp，vue2，vue3，报错，运行报错，启动失败，无法启动，Syntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8. Migration guide for end-users:https://github.com/postcss，vue，命令行创建，cli，更新PostCSS或降级此插件，将autoprefixer的版本更改还是报错，版本升级了还是报错，版本降了依旧有错误，PostCSS，uniApp启动报错，如何解_postcss plugin autoprefixer requires postcss 8. migration guide for end-user

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

2024-07-30Vite 无法处理、也不支持仅可在非严格模式（sloppy mode）下运行的代码。这是因为 Vite 使用了 ESM 并且始终在 ESM。解决方案很简单，直接编辑修改html-docx.js中有with的语句，将它删掉后，把大括号{}中的变量使用obj.这样去处理。详见：https://cn.vitejs.dev/guide/troubleshooting。使用pnpm run dev 编译时，提示html-docx.js文件有以下错误。经Vite官方网站查询，发现是以下原因导致的。_with statements cannot be used with the "esm" output format due to strict mo

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

2024-07-24很多项目会随机生成一个Uuid，并持久化存储在localStorage，但是localStorage也有被清除的风险，就需要一个不会变也不会被清掉的值作为游客身份的唯一标识。通过浏览器canvas绘画出一张指定的图，将绘画出来的图片转为base64格式，然后再将base64内容通过指定编码方式转化为fingerprintID。因为不同浏览器，由于浏览器api、版本、系统等原因，绘画出来的图片会存在非常细微的差异，人眼很难辨别，所以转换出来的base64会不一样。_浏览器指纹js

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