起因：tab的active默认值为0，路由跳转到界面的值为2，使用的是setup语法糖，获取路由传参值之后，赋值给active，但是，发现active，没有被改变。我们可以发现这个值是已经修改成功了的，但是视图并没有跟着变化，在视图中 active 的值依旧为0。以为是没有及时更新，但是使用的是ref应该不会存在这种情况。后来无意间调用了一下Tab的change事件，发现组件创建时，调用了tab的

在index.html文件里面的head的script里面加入这句话。var targetProtocol = "https:"if (window.location.protocol != targetProtocol) {window.location.href =targetProtocol + window.location.href.substring(window.location.p

‌流式写入还可以实现边读边写的操作，‌即当数据量非常大时，‌可以逐步地读取数据，‌然后将其立即写入文件，‌这样可以在处理数据时避免数据过多而导致程序崩溃。createWriteStream适合于频次较多的操作，createWriteStream创建一个通道之后，写入一次之后，不会关闭通道，减少了打开关闭文件的次数，在close之前可以持续的写入。但是由两个共同的API，console和定时器。可以

在项目中，我们会遇到个问题，就是页面切换时，上个页面的请求还在继续，并没有停止，如果这时候有什么提示性语句的话，就会出现在下一个页面，这样就会显得很不和谐。而且我们切换页面之后，上一个页面的请求对我们当前页面来说并没有任何作用，所以就需要我们在切换页面时，中断上一个页面的请求。这也是优化性能的一个方法。

例如：ping一个地址之后，定时向后台获取数据，使用的是JQ。

需求这做的是一个原生输入框，按字节或者字符数计算内容长度，超出部分截取掉。分析首先，用maxlength肯定是不行的，因为，aaa的长度为3，啊啊啊的字节长度肯定是大于3的,但是maxlength还是将他计算为3,跟我们的需求不太一样。所以计算一下。首先计算输入内容的长度，需要在输入时就开始计算，就需要我们在onchange的时候对输入内容长度进行判断，这里又涉及到一个问题。就是中文在输入时，还没

最近在重构以前的老代码，发现上一个前端都是直接用sessionStorage.setItem做的数据存储，对于Vuex也没有做一个持久化的存储，刷新就没了。于是我对这个重新做了一个处理。大致是这么想的，第一点：我想每次修改store里面的数据的时候，sessionStorage就自动存储更新一遍，而不是我手动去更新sessionStroage里面的数据。我的做法是：使用vuex的 subscrib

1 、undefined is not iterable!或者null is not iterable!"null和undefine是不可以拿来循环的，拿来循环就会报上面这个错误，循环的时候判断一下，不为null或者undefine的时候再拿来循环就可以了~~

使用echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)报错情况，使用了ResizeObserver监听了echart父元素宽高变化，然后就出现了以下两种报错。使用 vue3的API , markRaw，标记一个对象，使其不能成为一个响应式对象。chart会被在vue内部转换成响应式对象

node 升级到最新的版本v18之后运行之前的项目报错“scripts”: {“serve”: “SET NODE_OPTIONS=–openssl-legacy-provider && vue-cli-service serve”,“build”: “SET NODE_OPTIONS=–openssl-legacy-provider && vue-cli-service build”},再执行