2024-02-08项目一直刷新，停不下来，各种查找最后发现是vue.config.js 中的热更新配置项目开启的原因_vue前端本地一直刷新

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

2024-02-08前端遇到这种内网不报错上外网就报错的问题，只因本上可以确认是打包和路径的问题，检查自己的vite.config.ts。我用的是uniapp vue3 ts vite的脚手架。原因是不小心加了base，把base注释掉就可以了。_打包好expected a javascript module script but the server responded with a mi

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

2024-02-06pinia官方文档Pinia 的优点更多查看文档…在main.js中引入pinia并创建容器挂载到根实例上创建stores文件夹和index.js文件（这个文件以后基本不用管了）在stores文件夹下创建counter.js文件。这个文件就是存有关counter相关的数据。（类似vuex的模块化）defineStore 是需要传参数的，然后再组件中使用：运行效果： 可以用vue3的调试工具看pinia案例需求，点击按钮加一：一个不解构，一个不解构看看区别。运行结_vue3-pinia的使用《三》

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

2024-02-06当浏览器在加载脚本时出现警告"Refused to execute script"时，通常是由于错误的MIME类型导致的。有几种解决方法可以解决这个问题，包括检查服务器配置、设置HTTP响应头和使用CDN。通过采取适当的措施，你可以确保脚本加载正常，避免出现该警告。_because its mime type ('text/html') is not executable, and strict mime type

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

2024-02-05昨天晚上在写代码的时候前端遇到一个bug，在js取值textarea中，我使用了getElementById方法对textarea标签取值，但不论如何取值，始终无法成功取到页面上输入的值并进行Ajax请求，一开始以为是ajax与后端接口之间数据传输出问题了，后来经过排查，就是对于textarea标签取值失败的问题，于是上网查阅了一下资料。下面是我的错误源码对于标签textarea的取值，顺便整理一下它的取值和赋值。_js 获取textarea的值

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

2024-02-05ECharts pictorialBar错位问题, 当某一条柱子 pictorialBar 的值为0时, 就会出现错位导致影响其他柱子的点击事件 直接查看解决方法_pictorialbar 数值为0位置发生便宜

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

2024-02-05但实在是不知道问题出在哪里，代码一点点去排查，最后发现定义了点击事件，没有在methods中书写，我擦，找了半天，记录下这个问题，真的是不细心。问题百度了下，意思是代码中出现了一个无法读取未定义属性'_wrapper'的问题。这种错误通常发生在Vue.js实例。在输入框输入数据时，控制台直接报错，输入框中也不能显示并无法输入数据。methods中书写addCharge方法即可解决。_typeerror: cannot read properties of undefined (reading '_wrapper')

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

2024-02-04使用方法：filterConditions 是筛选条件，key要和筛选的数组中的key一致，如果筛选条件没有传或者传的空，会返回原数据不筛选，如果有值了会筛选。主要对比的地方在这里 p[key] == queryObj[key]如果有其他特殊需求的选项或者值需要返回原数组的就自行增删。是因为我下拉框选项中有一个全部的选项，拿到的值是0.我这里是直接对比是否一致的，如果你需要模糊查询，这里注意，返回原数组的判断条件可以自行设定，第二个参数传的是需要过滤的数组对象。需要返回所有数据，所以我加了一条，_js 根据用户选择多个条件数组筛选

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

2024-02-04使用echarts图表中的折线图时X轴type为category 数据为日期，生成折线图时想要在折线图上显示每个数据，网上查找答案时都是说在series里面加itemStyle : { normal: {label : {show: true}}},然后加了但是显示是显示了没有全部显示，因为X轴是时间分隔显示的（没设置自动的）使用了datazoom组件，折线上只显示7个点的数据（X轴显示7个点横坐标），然后有有的说要加"symbolSize": 5,这个设置，也加了最后我自己查了文档还有各种资料终于搞定。_echarts折线图上显示数据

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

2024-02-04至于为什么会出现标题上面的报错，是因为我把配置文件内的 root 对应的路径写错了。所以在我排查的过程中，一直觉得很奇怪，明明html路径也有，容器启动正常，就是访问不到。花费了一些时间。知识归纳：在这个实验中，我意识到nginx.conf这个文件针对的是容器内部才有效，而不是看着容器外面的路径。_vue部署500 internal server error nginx

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