2025-02-24稍微修改一下vite.config.ts，就会提示成功的连接【难道一开始pnpm dev就没有报错，可以打开链接直接运行吗？但是pnpm build确实是报错的啊！运行pnpm build时发现报错依赖包没有安装，或者加入到build.rollupoptions.external中。分析了下警告信息，添加了一下input文件，刚才的警告消失了。如下报错，把defineEmit改为defineEmits，发现成功访问了。还是一样，报警告，http://localhost:3000/可打开。_could not auto-determine entry point from rollupoptions or html files and th

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

2024-11-05通过以上步骤，我们成功封装了一个可复用的 ECharts 图表组件，并展示了如何在 Vue 3 应用程序中使用这个组件来创建不同类型的图表。这样你就有了一个可以灵活使用的图表组件，它可以根据需要展示柱状图、折线图或饼图。你可以根据具体需求调整 options 来定制每个图表的样式和数据。希望这篇文章能帮助你在实际项目中更好地利用 ECharts 进行数据可视化。_vue3 图表组件

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

2024-11-04本文讲述了在Vue项目中，由于VSCode和项目内的ESLint及Prettier设置不一致导致的代码格式化问题。解决方法是确保所有地方的行宽、换行规则保持一致，如调整.eslintrc.js中的singleline设置和prettier的printWidth，同时注意VSCode的vetur.format.defaultFormatteroptions配置。

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

2024-11-04在 JavaScript 文件中初始化一个 Echarts 实例，并使用 setoption 方法将配置项应用到实例上。官方网站下载适合您项目的版本，并将其中的 echarts.min.js 文件引入到您的 HTML 文件中。接下来，我们将实现通过多选框来控制饼图的选中状态。在 JavaScript 文件中添加以下代码，以实现通过多选框来控制饼图的选中状态。在 HTML 文件中添加多选框元素，并使用 JavaScript 监听其点击事件。在 JavaScript 文件中配置饼图的数据和样式。_饼图html

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

2024-04-29 versionchange：提供读取和写入权限来修改对象仓库定义，或者创建一个新的对象仓库。数据库的事务处理使用transaction()方法。四、创建对象仓库对象仓库是数据记录的集合。在数据库中创建一个新对象仓库，需要对现有数据库进行版本更新。要创建对象仓库，需要在数据库对象上调用 createObjectStore() 方法。name为对象仓库名；optionalParameters为可选参数，是一个JSON对象（他的keyPath属性指定对象仓库中记录的主键值）

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

2024-10-29搜索引擎优化（SEO, Search Engine optimization）是一系列优化技术，通过改进网站内容和结构，增加网页在搜索引擎中的可见性，进而提高搜索排名。合理使用 HTML 语义标签和结构可以显著提升网页的 SEO 效果。HTML 可访问性（Accessibility）是指网页在设计和开发时需要考虑到所有用户的需求，包括那些有视觉、听觉、认知或运动障碍的用户。通过遵守可访问性标准，开发者可以确保网页为更广泛的受众群体服务，同时也有助于 SEO，因为搜索引擎像屏幕阅读器一样“阅读”网页内容。

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

2024-10-29遇到一个需求，需要展示一个区县地图，同时鼠标移入还能看各个乡镇的数据。但是鼠标移入展示乡镇数据，如何实现呢？虽然我后面通过朋友拿到了乡镇级的json数据，但是太麻烦了最后还是决定用添加标记的方法来实现。如果想要乡镇数据可以私我。获取乡镇经纬度可以到各种网站上找，比如百度地图，高德地图等。我是在这个地址上找的。1、下载区县json。3、配置option。_echarts乡镇地图数据

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

2024-10-28有了思路起点之后，继续去网上搜索tooltipFormat属性详细用法，了解到在目录uni_modules\qiun-data-charts\js_sdk\config-ucharts.js配置文件中，修改cfu对象-formatter对象-pieDemo函数的返回值，即可自定义内容。uni中使用ucharts，在自定义提示框中内容的格式时，提示窗配置 opts.extra.tooltip中，并没有直接的配置项来更改内容和内容格式。成功自定义提示框中的内容，但无法内容换行、更改竖杠颜色。_ucharts opts.extra.tooltip format

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

2024-10-28本文介绍了如何使用Echarts JavaScript库和axios库在Vue3中创建图表，特别是柱状图和折线图。重点讨论了在数据加载过程中遇到的问题，即由于axios的异步特性导致echarts.setoption执行时数据未准备好。通过将echarts初始化和设置选项放在axios请求的回调中，解决了这个问题。同时，文章也简单阐述了同步和异步请求的区别。

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

2024-10-26我想Typescript设置的初衷也是希望你写代码的时候尽量不要使用和target不匹配的API（不匹配的API虽然可以向下兼容但是性能会差些）。那么ES6的一些新的API我是使用不了，如Promise。如果TS经过编译后生成的.js文件要直接在浏览器上使用，那么target一定要选择需要兼容浏览器的最低版本。如果你使用了比target中定义的javascript更高版本的语法，那么编译后的代码会自动帮你向下降级。这个参数需要配合target来使用，指定不同的target，会自动引入对应的lib库。_option 'target=es3' is deprecated and will stop functioning in typescript 5.

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