2024-07-20本文描述了Node.jsV17中由于OpenSSL3.0带来的新限制导致的错误，涉及压缩插件的使用问题。给出了临时解决方案（使用NODE_optIONS设置openssl-legacy-provider）和长期解决方案（降级到Node.js17以下版本），以及nvm版本管理工具的提及。

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

2024-07-01vue-dplayer的安装在使用vue-dplayer开发视频播放器过程中，关于弹幕功能的问题需要解释一下这是一个非常干净，只有基础播放器功能的代码前端展示效果如下然后我们来看一下 DPlayer api 的接口文档地址所以options的内容被改为结果前端报错：意思是没有options.success这个方法怎么会没有呢，都是按照文档的步骤来的呢输出这两条试试其实看到这我就知道了，如果把官方给的danmaku.id 和 danmaku.api 加上去的话就能拼成一个完整的url。_vue-dplayer

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

2024-06-261.新建tsconfig.json配置文件通过在项目命令行窗口输入npx tsc --init命令，自动生成tsconfig.json配置文件tsconfig.json部分参数解释如下："rootDir": "src", // 源代码所在的目录"outDir": "dist", //文件编译后存放在哪个目录下在命令行窗口输入npx tsc会编译整个项目项目编译后的架构如下：整个tsconfig.json代码如下：{ "compileroptions": { _npx tsc

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

2024-06-26首先需要确定两个Y轴的最大值；如果根据左侧/右侧Y轴绘制多条线需要合并数组之后进行取最大值。然后在option中确定yAxis的两个Y轴对象。最后配置series。_echarts左右y轴对齐

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

2024-06-26首先，需要在饼图的 series 配置项中设置 data 属性，该属性用于定义饼图的数据。例如，如果想要前两个饼图切片被默认选中，可以将前两个数据项的 selected 属性设置为 true。在上面的代码中，通过监听多选框的 change 事件，当用户点击多选框时，会更新对应饼图数据项的 selected 属性，并使用 setoption 方法重新绘制饼图。这样就可以实现多选框操作饼图选中的功能。在 Echarts 中，要实现多选框操作饼图选中的功能，需要结合使用 Echarts 的数据过滤和事件机制。_echarts 饼图选中

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

2024-06-26再次启动，还是报错（Failed to resolve loader: vue-style-loader），继续解决这个错误。解决： Syntax Error: TypeError: this.getoptions is not a function。报错 Failed to resolve loader: vue-loader。查看 当前 node 版本和 node-sass 版本是否符合依赖关系。记一次老项目本地启动运行，报错以及解决错误的完整过程。卸载 sass-loader。_to install them, you can run: npm install --save core-js

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

2024-06-24label配置项更新后重新调一下initoption方法，重设配置项，然后setoption重渲染series。图表series包含多个系列的柱状图，label配置项都是重复的，所以也提出来写了。以上是横向柱状图的解决方案，如果是竖向柱状图，稍微改一下一些地方就ok，差不多的。因为是vue框架，option配置项是用initoption方法提出来写的。，这时候数值会显示在y轴左侧，这时候上面的方法里的位置计算才准确。偏移的位置x根据自己的图表去修改，不固定。_echarts横向柱状图显示右边数字

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

2024-06-22文章讲述了在开发过程中遇到的TerserWebpackPlugin错误，涉及Node.js的crypto模块不支持新的Hash方法。解决方法是在Mac/Linux系统中设置NODE_optIONS为--openssl-legacy-provider，而在Windows系统中设置为同样的选项。

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

2024-06-20以上就是 echarts 在小程序中基本的使用方法，如果需要自己定义图表的样式可以参考文档进行个性化的定制：https://echarts.apache.org/zh/option.html就可以展示出图表，如果需要更换其他图表更换 option 的配置项即可[外链图片转存中...(img-2TXBNgcO-1683960179758)]## 五、结语。_原生微信小程序使用echarts

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

2024-06-18首先看看从菜鸟复制下来看效果的，可以看出每一个option是写死的，写网页指定少不了从接口获取数据，那我就没办法把数据写死展示出来了。第二步，写一个form表单里面装着和，并给予相应的id。接着就是对names对象数组进行循环处理，把每一个value值都放进新增的option里。若有label值，同理在数组中加label值，然后在循环处理数据中放进去就行。所以接下来是要把option中的value处理成动态的。由于我没有接口，我这里就造个假数据。..._jquery datalist

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