2024-01-29由于项目中二次封装了echarts折线图，并且父组件通过选择不同时间，像后端请求不同数据，显示在折线图上，频繁切换会出现“There is a chart instance already initialized on the dom.”的警告，在网络上找办法后，解决了这个问题。这个问题的出现在于，在一张表上渲染不同数据，其实dom已经存在了，但是我们在每次数据发生改变的时间都重新进行了一次渲染，导致出现警告。// 检测是否已经存在echarts实例，如果不存在，则不再去初始化。_[echarts] there is a chart instance already initialized on the dom.

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

2024-01-29此处用到的模块功能有上传图片，和调整图片缩放，具体可以参考官网，安装后，进行通过Quill.register()注册模块，然后在配置项进行使用。注意：目前版本暂不支持表格，如果需要使用表格模块，需要安装quill@2.0.0-dev.4。在公共组件components中创建QuillEditor文件夹index.vue。vueQuill是支持vue3的富文本编辑器组件，使用简单方便；1. 安装：（在官网有详细的安装教程）;引入封装好的QuillEditor组件。_vueup/vue-quill

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

2024-01-29前端点击开始对话按钮后，将监听麦克风，获取到当前的音频，将其装化为二进制数据，通过websocket发送到webscoket服务端，服务端在接收后，将消息写入给指定客户端，客户端拿到发送过来的二进制音频后再转化播放。_vue 语音聊天

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

2024-01-29上一篇： node的安装与配置。_cmd 启动vue项目

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

2024-01-29因为项目需求，重装了3个版本的node.js，记录下完整过程，少走弯路少查资料。_nodejs卸载重装

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

2024-01-29安装 npm i html5-qrcode。5、必须在销毁页面前关闭扫码功能否则会报错。3、获取摄像权限在created调用。6、在扫码页面引用组件。_html5-qrcode

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

2024-01-29pdf.js 是一个由 Mozilla 开发的 JavaScript 库，可以在 Web 浏览器中显示 PDF 文档。pdf.js 将 PDF 文档转换为 HTML5 Canvas 元素，并使用 JavaScript 控制文档的呈现和交互。pdf.js 使得不需要在计算机上安装 Adobe Reader 或其他 PDF 阅读器就可以在 Web 上阅读 PDF 文档成为可能。pdf.js是一个免费的开源软件，使用和修改都非常方便。_pdf.js

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

2024-01-28使用 http://datav.aliyun.com/portal/school/atlas/area_selector 这个工具获取要显示的地图数据。首先在项目中安装echarts与echarts gl（echers gl用于3d）npm install echarts --save //echarts安装命令。npm install echarts-gl //echarts-gl安装命令。安装完成后在package.json中查看有没有安装成功。这样就生成了一个3d地图，如下图：（以山西地图为例）_echarts-gl

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

2024-01-28前端开发需要经常使用ECharts图表渲染数据信息，在一个项目中我们经常需要使用多个图表，选择封装ECharts组件复用的方式可以减少代码量，增加开发效率。_vue3 echarts 封装

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

2024-01-281. Vue CLI 没有安装：您需要先全局安装 Vue CLI 才能使用`vue-cli-service`命令。2. 依赖项未安装：如果您已经安装了 Vue CLI，但仍然遇到此问题，可能是因为您的项目缺少必要的依赖项。请进入您的项目目录，并运行npm install命令，以确保安装了项目所需的所有依赖项。根据您提供的错误信息，看起来您在执行`vue-cli-service`命令时遇到了问题。请确保您的环境变量配置正确，包括将 Vue CLI 添加到您的 PATH 环境变量中。_vue-cli-service' 不是内部或外部命令,也不是可运行的程序

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