2024-08-16这里介绍一下本人用的两种方案的优缺点方案实现方式优点缺点scale1.通过scale属性，根据屏幕大小，对图表进行整体的等比缩放1.代码量少，适配简单2.一次处理后不需要在各个图表中再去单独适配1.因为是根据 ui 稿等比缩放，当大屏跟 ui 稿的比例不一样时，会出现周边留白情况2.当缩放比例过大时候，字体会有一点点模糊，就一点点3.当缩放比例过大时候，事件热区会偏移。vw vh1.按照设计稿的尺寸，将px按比例计算转为vw和vh1.可以动态计算图表的宽高，字体等，灵活性较高。_vue前端大屏

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

2024-08-16vue2，vue3，nuxt，echarts，图表，日历图表，柱状图，饼图，解决echarts中TypeError: Cannot，还是报错，不行怎么办，TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)，vue echarts 报错queryComponents不存在，echart报错，解决echart，在使用案例的echart的日历图表的时候，报错，在使用echarts将关系图中的结点用饼图替换的代码编程过_typeerror: cannot read properties of undefined (reading 'querycomponents')

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

2024-08-16vue3 vite后台管理系统项目概述：通过vue3 vite脚手架搭建项目，结合Element-Plus、Echarts、Axios、Mock、Vuex完善各功能模块，进行后台管理系统的开发。实训中注重对图表的应用，数据的引入，数据可以mock生成也可以写静态数据各官网地址：Element-PlusEchartsAxiosMockVuexVite进入node.js官网选择版本安装，选择较低版本，比较稳定。同时按WIN R输入cmd打开命令提示符窗口，输入node -v查看安装的版本，出现版本号即安装成功。_vue3大屏可视化布局

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

2024-08-16.始终满屏适配，这种方案一般用在屏幕变化不会特别的大项目，项目基本上不会用在比例非常不协调的大屏，设计图按1920*1080标准电脑屏幕比，所用的屏幕也基本在这个比例左右涉及图表知识点简单，主要有自定义色系，环形图，堆叠柱状图，折线图使用高德地图标点做中间地图_vue3 大屏模板

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

2024-08-16本篇带vue新手从0搭建最新vue3开发环境，提供工具整合的最佳实践，为后续vue学习以及项目开发效率提速。_vue3需要node版本

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

2024-08-16js屏幕适配方案，可让页面在不同屏幕下、放大缩小时保持不变形，适用于Vue2/vue3_vue大屏适配

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

2024-08-16这里记录下自己学习vue3父子组件怎么传值和方法怎么互相调用，防止后面继续踩坑且方便以后直接使用。这里承接自己的博客[vue3 vite优化基础架构（3）--- 优化vue-i18n国际化配置](https://blog.csdn.net/weixin_48040732/article/details/138350103)这篇博客，在该博客项目的基础上学习vue3父子组件传值及使用。_vue3父组件调用子组件方法并传值

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

2024-08-16elementPlus 修改css 封装移动端组件buttomSeletor_vue3 el-drawer

https://www.qianduange.cn//article/15849.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-04-18工作区？？？为什么要工作区？？？首先工作区简单理解就是vscode工作时的区域、范围；延申一下，为什么要工作区？？？不同的环境需要用到不用的插件啊，设置啊等等，这个时候怎么实现，总不能写前端的时候也把java、c 需要的插件设置的什么打开（虽然应该可能大概也许这些语言不会使用vscode 开发，这里只是打个比方），都打开的话就会显得vscode 很重，然后vscode 说好的轻便呢？就前端而言，现在发展的速度很快，前段时间vue2，现在几乎都时vue3 TS，但是公司还是有vue2的项目，而。_vscode工作区

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