weixin_44707050的博客

原创 chrome浏览器打开控制台很慢解决办法

问题：谷歌浏览器右键或者f12打开控制台速度很慢，需要等个几秒。设置成english(us)即可。

原创 js时间转成xx前

方案1.封装方法getDateDiff。方案2.使用dayjs的方法。main.js引入dayjs。

原创 el-option选中一个值后 全部选项都变蓝

解决：给el-select添加 value-key = 'id'(此处id根据实际情况写)

原创 nvm install下载node报错问题Could not retrieve https://npm.taobao.org/mirrors/node/latest/

报错：Could not retrieve https://npm.taobao.org/mirrors/node/latest/nvm root 获取nvm的路径 ， 修改settings.txt文件。原因：因为使用的淘宝镜像是旧版 不能下载。改为新版的淘宝镜像地址即可。

原创 git上传图片名称大小写忽略问题

原创 vscode使用git

提交到暂存区后，点击 提交 ， 编辑备注内容 ，相当于git commit -m '提交备注内容'点击+号 ， 相当于git add 添加到暂存区。同步提交到远程仓库，拉取远程，合并，提交远程。编辑器左下角点击分支，可以创建新分支。相当于git tag v2.0.0。创建标记 ，本地打tag。可以查看更改的前后对比。-号 取消暂存区内容。

原创 常用git 打tag命令

7.在当前tag的基础上开发或操作，实质创建新分支 git checkout -b new-branch v5.0.0。git tag v5.0.0 -a -m '携带备注信息'之后推送远程git push origin v5.0.0。2.创建 v5.0.0的tag。git tag （创建后查看）6.添加带有备注信息的tag。3.推送到远程tag。

原创 关于websocket数据过多造成浏览器卡顿问题

websocket发送大量数据并不会造成卡顿 ， 如果不停的 渲染页面 ， 那可能会造成浏览器卡顿。如果推送数据大于展示行数（比如100行），截取最新的100条数据展示。btw. 数据从末尾截取 arr.slice(-100)如果推送数据小于展示行数，那么当前的数据渲染即可。给页面设置展示数据行数，限制页面渲染内容。

原创 vue中锚点定位scrollIntoView

使用element.scrollIntoView跳转。

原创 页面跳转方法

可以用this.$router.push 等。在微前端 ，子应用之间的跳转。vue项目中内部跳转。

原创 联动表单的解决办法

使用this.$set把this.form.data清空，根据需求做其他处理。给a,b,c的表单添加change事件（仅作举例，具体根据实际情况添加），dataList中清空form.data ， 及做其他处理。只要联动相关的表单发生变化，就去调用dataList方法。需求：修改a,b,c表单 就需要d去清空 的联动。

原创 下载excel文件

【代码】下载excel文件。

原创 this.$on及this.$emit

this.$emit用于触发事件。this.$on监听事件。

原创 webpack自动导入require.context

/store/modules/index.js文件中。vuex中使用module文件。

原创 setTimeout及setInterval

setTimeout返回值是一个Id 数字，清除定时器可将id传递给clearTimeout。P.S. 由于js机制，会造成定时器不准时。第二个参数：可选，延迟时间，单位ms。三个参数同setTimeout。实际的延迟时间可能比预期的值长。第一个参数：必填，回调函数；每时隔100ms调用一次函数。第三个参数：回调函数传值。过100ms调用函数。

原创 字符串中的html标签解析

类似一个这样的字符串，i标签是通过正则把字符串@jdkfjdklv@和@/jdkfjdklv@替换而成的 ， 想要把i标签的内容转成html标签渲染。如果先把字符串替换成i标签 ， 然后用innerHTML 那么字符串中的span或者其他html也会被解析，所以此方案行不通；然后再把@jdkfjdklv@和@jdkfjdklv@替换成i标签 ， 最后用innerHTML渲染即可；可以先把字符串中所有的替换成gl;

原创 问题整理——echarts

graphic: {style: {width: 17,height: 16},},z: 4,style: {width: 17,height: 16},alert(12)}]

原创 echarts数据添加分隔符

label formatter 写方法。上述代码为添加分隔符的代码。

原创 关于高版本node使用低版本node-sass

背景：由于本人node版本已升级至16版本，接手项目使用14版本的node-sass，有些可以删除node-sass,使用sass-loader即可；有些用到node-sass，不可删除，下述为解决方法；解决：安装nvm后 降低node版本 ，安装node-sass14版本仍然报错，使用下述命令即可。

原创 nvm的下载与使用

1.nvm安装高版本的node不会有npm , 所以需要自己去node 官网找到对应的版本把nvm中的文件替换。3.nvm 和node安装路径最好写在同一个路径下 ，如D盘 ,D\a\nvm , D\a\nodejs。本人的解决办法是 之前安装在C盘 ， 切换到D盘 ， 并且node和nvm安装到同一路径就可以了。双击path 判断是否有%NVM_HOME%和%NVM_SYMLINK%判断nvm是否安装成功 nvm -v或者nvm version。nvm use 14.21.1 切换14版本的node。

原创 el-table-column 某些通过接口返回的section设置为禁用

el-table中设置 :row-key="rowKey"设置 :reserve-selection="true"

原创 el-table-column type=selection表头全选用文字展示

el-table添加 :header-cell-class-name="cellclass"

原创 列表中的某个id值需要通过接口返回的数据的文字展示

List为接口请求回来的数据数组；

原创 路由404匹配catchAll

catchAll是一个vue router路径配置中的路径表达式 ， 使用通配符参数语法 ， 用于匹配所有未匹配到其他路由的路径。:冒号前缀，表示可匹配任何路径片段，(.*)是一个正则表达式，用于匹配零个或多个任意字符，包括斜杠。一般会用于404页面或动态路由的功能；

原创 从浏览器查看websocket请求

打开控制台 - network - ws即可。

原创 rollup入门 - 学习笔记（1）

在package.json中，script/build配置。打包项目用webpack , 打包js库用rollup。在package.json中配置type:module。可以在dist/bundle.js文件中找到打包的文件。创建module/mymodule.js文件。创建配置文件rollup.config.js。然后执行命令npm run build即可。创建src/main.js文件。rollup打包工具。

原创 qiankun微前端中子应用之间的跳转

如1.1.0.2/zzyy/ccdd/index跳转1.1.0.2/zzyy/aabb/index。第二个参数是页面的标题 ， 填空字符串即可。子应用之间的跳转可用上述方法 ， 轻量级。第一个参数是跳转携带的参数，可为空。第三个参数是跳转的路径 ，

原创 vue中form表单@keyup事件不生效解决办法

在form表单的input上 ，添加一个keyup.enter.native事件 ， 但是不生效， enter后会刷新页面；@submit是提交表单 ， native绑定系统原生事件 ， prevent提交以后不刷新页面。在form表单上加@submit.native.prevent即可解决。

原创 js原生复制功能

思路 ： 创建一个input元素 ，设置为readonly可读 ， 给input赋值 ， 添加到body中；选中这个input ， 执行浏览器复制命令， 设置样式隐藏 ， 复制完后，可根据个人需求 添加文本提示；

原创 logLevel查看是否成功转到代理的地址

但是否跨域成功 ，可添加logLevel:'debug'来在控制台打印跨域的地址确认是否跨域成功。场景 ：vue项目跨域，需要在proxy.js / vue.config.js中配置跨域的代码。

原创 本地html文件请求node express搭建的服务器遇到的问题NewtworkError when attempting to fetch resource.

解决办法 ： index.html打开文件后可以看到地址栏是file://协议 ， 而node express起的服务是127.0.0.1 http协议 ， 造成跨域。场景：本地index.html fetch请求node express搭建的服务器 ， 遇到报错。在node中添加跨域的配置 ，npm i cors 添加下面的配置即可。

原创 解决 websocket未加载完切换页面卡顿问题

解决思路 ： 在全局的路由导航钩子中是可以即刻监听到跳转页面的路径的 ， 只不过页面上还是在加载websocket ， 可以把ws定义在全局 ， 当切换页面 ， 在全局路由导航中 监听from.path , 如果是a页面跳转 ， 关闭websocket , 并且ws设置为null;场景 ： a页面正在加载websocket，当切换页面 ，需要websocket加载完才会跳转 ， a页面的beforeDestroy钩子函数想要销毁websocket ， 也需要等加载完才执行钩子函数。

原创 获取不到cookie中存储的token解决办法

场景 ：本地开发时，可以使用js-cookie包 或者document.cookie获取本地cookie中存储的token。部署后，在浏览器控制台中 可以看到token的存值 ，但无法获取，并且看到httpOnly有勾选。但是有时后端为了风险安全问题，会设置不能通过cookie获取token。解决办法：需要使用的接口中（自行商议）后端返回token的字段。

原创 chrome浏览器清除缓存

方法2：右键打开控制台 - Application - 找到左侧store - clear site data。场景 ：更新页面后可在无痕浏览器中看到更新内容，无法直接打开浏览器看更新内容。方法3：浏览器右上角 设置 - 隐私设置和安全性 - 清除浏览数据。浏览器右上角-打开新的无痕式窗口。方法1：使用无痕浏览器。

原创 vue3 pinia 中actions修改状态不生效

在组件中使用时，如果直接操作store.getaddcount()则页面上数据变动不生效。如上述代码，在actions中定义getaddcount方法 对count做了操作。解决：引入pinia中的storeToRefs。使store中的变量变为响应式的即可；

原创 [plugin:vite:import-analysis] Failed to resolve import “@/views/Login.vue“ from “src\router\index.ts

main.js中引入router用花括号引；

原创 highlight代码高亮

views文件夹下创建highlight.js。下载highlight.js。main.js文件中引入。

原创 gojs2.2.19去除水印的办法

找到gojs包文件，release / go-module.js文件，搜索 7ca11abfd022028846。删除Ma(...)之后的蓝框内容即可~

原创 工作流gojs--vue的学习使用

load比如首屏有工作流的json格式代码则可以加载。具体看代码，还需要下载一些包 具体自行下载。下载xml 这里使用插件xml2js。下载svg可以生成svg。save保存当前工作流。print打印svg。

原创 vscode导入插件离线包

还有个方法是 有插件安装包， extension安装包， 直接找到.vscode文件夹下 替换extension文件夹即可；背景：因为最近工作在使用云桌面 内网环境 vscode不能下载插件，写代码十分不方便；找到自己需要的插件 ，打开 ， 找到 右侧 download extension。在云桌面中 由映射的本地C盘中下载的.vsix文件复制到云桌面的C盘中，然后打开vscode编辑器，打开应用的选项,如下图。2.在电脑本地打开vscode插件网站，下载 .vsix的文件，