接着奏乐接着舞。

接着奏乐接着舞。

目录

1.window自带的base64加密解密

2.ElementUI修改鼠标移动到表格的背景色

3.vscode保存时几万个eslint错误

4.Git 拉取Gitee仓库报错:“fatal: unable to access ''": Failed to connect to 127.0.0.1 port 1080: Connection r...

4.1本地查看Git是否使用了代理

4.2 取消代理

5.线上bug,控制台报错+样式出错

6.git中利用tag来对应版本号

7.npm i 报错 Cannot read properties of null (reading ‘pickAlgorithm‘)

8.打包部署后发现页面问题

9.修改elementUI表格表头的背景颜色

10.vue项目本地开发,同局域网同时不能访问我的项目


1.window自带的base64加密解密

const encodedData = btoa("Hello, world"); // 加密
const decodedData = atob(encodedData); // 解密

2.ElementUI修改鼠标移动到表格的背景色

场景:在做主题切换功能时遇到的,在切到黑暗模式时,通过F12找到的类名发现覆盖不掉样式。

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
@include background-color("background_color-el-table-hover")
}

3.vscode保存时几万个eslint错误

 问题描述 :

既然vsdoe格式化不与ESlint匹配,那么我们就对vscode的规则进行修改。在当前工程下创建文件.prettierrc,并修改相关配置项,这里我们只对单双引号和分号做修改。

{ "semi": true, "singleQuote": true }

对我来说 直接设置成{}空对象,啥都不检查,一个错误也没有


4.Git 拉取Gitee仓库报错:“fatal: unable to access ''": Failed to connect to 127.0.0.1 port 1080: Connection r...

4.1本地查看Git是否使用了代理

git config --global http.proxy 

4.2 取消代理

git config --global --unset http.proxy

 


5.线上bug,控制台报错+样式出错

2023年10月工作经验及问题整理总结-LMLPHP

原因是ElementUI.js的版本问题

我开发环境是2.13

生产是2.19

只要下载2.13放到生产环境就好了

一定要排查的是,如果本地开发正常,那么线上的版本要换成本地的版本。


6.git中利用tag来对应版本号

        先确保你的代码已经提交完毕(既add 、commit 、push完毕后)

        然后:



git tag -a v1.01 -m "注释信息"   //-a为添加版本号   v1.01为你为这个版本的名作也可以说是标签   -m为注释信息
git push --tags     //将本地所有tags提交到远程仓库中,则会对应其版本号了


-----------其他常用命令----------

git tag   //显示所有的版本信息,如果为空就代表你没有此时没有任何版本信息

git checkout +版本标签   //则此时全体内容会转变到此版本的所有信息

git tag -l -n   //显示所有标签,并显示其标签注释

 

 


7.npm i 报错 Cannot read properties of null (reading ‘pickAlgorithm‘)

2023年10月工作经验及问题整理总结-LMLPHP


8.打包部署后发现页面问题

问题:

打包部署后发现页面只能显示一个屏幕,没有滚动条,导致页面只能部分显示

解决:大概率是css问题,尤其是第三方css,可以试着全局查找overflow:hidden,重点是body或者是html里面的这个属性,给删除了,即可。

 


9.修改elementUI表格表头的背景颜色

1、首先使用 elementUI中的header-cell-style 属性
<el-table
  :data="paperList"
  :header-cell-style="getRowClass"
>
2、然后在getRowClass方法中 改变css样式
getRowClass({ rowIndex, columnIndex }) {
  if (rowIndex == 0) {
    return "background:#f8f8f9;";
  }
},

10.vue项目本地开发,同局域网同时不能访问我的项目

在package.json文件中script要运行的命令上,加上--host= 本机IP地址;同时关闭防火墙

"scripts": {
    "serve": "vue-cli-service serve --host=192.168.31.60",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
10-17 01:18