小结过去几个月+复盘遇到的一些问题

序言

岁月寥寥,时光悠悠。从在学校慢慢摸索的程序员小白，到忐忑不安的面试小白，再到现在逐渐接触、入门企业落地项目的菜农。参与项目，辅助开发。其中遇到问题和重要的知识点，记录起来，然后有时间进行复盘非常重要。（本来打算年后就进行的，一拖再拖）

1.项目依赖安装失败
（1）要么是node版本对应不上
（2）要么安装着安装着卡住
（3）要么报Install fail! Error: [tui-editor@1.3.3 › tui-chart@3.11.3 › raphael@git+https://github.com/nhn/raphael.git#2.2.0-c] An unknown git error occurred
错误
再网上一直找解决方法尝试了所有解决方法，最后都不成功（回家后安装成功，大概是网络、访问问题）
方法：
（1）在package.json里把tui-editor删除，然后把引入它的地方注释掉，单独去下载tui-editor包
（2）设置http代理 https代理，执行git config --global http.proxy ，(取消代理 git config --global --unset http.proxy)）
（3）切换成淘宝镜像源npm config set registry https://registry.npm.taobao.org
淘宝镜像安装cnpm，在终端输入：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
（4）清缓存

2.echart可视化图表
1.bug在前期确认时规定上方导航的时间选择不影响下方的趋势图。然而前影响了。

解决：前期制作图时规定了起始坐标和最终坐标通过全局时间来获取，所以上方的时间选择影响了下方坐标时间的访问。去除通过此方法得到的时间得以解决。

2.echarts柱状图x轴名称超出的部分被覆盖
分析：
(1)柱状图的宽度过长，缩放比例不对
(2)存放柱状图的盒子过小，和柱状图比例不对
(3)没有resize方法
(4)grid的配置项
解决：nameTextStyle: { padding: [0, 0, 0, -10] // 四个数字分别为上右下左与原位置距离 }更改name属性位置
技巧：
（1）若y轴文字过长被遮挡：设置grid的left数值
grid: {
left: 0, // 与容器左侧的距离
right: 0, // 与容器右侧的距离
bottom: “5%”,
top: “0”,
containLabel: true // grid 区域是否包含坐标轴的刻度标签 }

（2）x轴标签过长，文字显示不完整：倾斜显示或者以符号显示
xAxis: {
axisLabel: {
color: “#5e6877”, // x轴字体颜色
interval: 0, // 0 强制显示所有标签,默认auto
rotate: 20 // 刻度标签旋转的角度
}
}

// 省略号表示
xAxis: {
axisLabel: {
formatter: function (value) {
if (value.length > 6) {
return value.substring(0, 6) + “…”;
} else {
return value;
}
}
}
}
（3）图表响应式缩放：resize方法
window.addEventListener(‘resize’, () => {
myChart.resize(); })
监听浏览器窗口的变化调用resize方法可以添加多个图表

3.upload 上传文件成功后下次上传还保留着上次的文件
分析：（1）查看upload文档看是否有方法属性可以实现（clearFiles 清空已上传的文件列表（该方法不支持在 before-upload 中调用））
（2）clearFiles方法调用了没解决，怀疑成功上传文件后，文件所在的位置的赋值不为空（在所有全部设置为空还是没有解决）
（3）上传后缓存了文件
解决：:destroy-on-close=“true” 关闭窗口时销毁其中的元素
4.同一用户名用户删除后无法再次添加
分析：（1）只是单纯的隐藏了改列表
结果：后端接口的删除是逻辑删除（由于问题交给我，我一直以为是前端问题，…经过一系列验证后来觉得可能是有两个表（因为提示和删除都是调用接口）只是删除了其中一个表，再后来查看资料觉得也有可能是逻辑删除…）
逻辑删除的本质是修改操作，所谓的逻辑删除其实并不是真正的删除，而是在表中将对应的是否删除标识（is_delete）或者说是状态字段（status）做修改操作。比如0是未删除，1是删除。在逻辑上数据是被删除的，但数据本身依然存在库中。
对应的SQL语句：update 表名 set is_delete = 1 where id = 1；语句表示，在该表中将id为1的信息进行逻辑删除，那么客户端进行查询id为1的信息，服务器就不会提供信息。倘若想继续为客户端提供该信息，可将 is_delete 更改为 0 。
一般而言用户数据都是逻辑删除，避免删除后数据再也找不回（敏感数据，重要数据）