• HTMl超出部分显示为省略号
• Linux查看端口占用情况，并关闭占用
• Vue3和Vue2原型链挂载
• CSS-0.5PX分割线
• 滚动条美化
• Element-card v-deep
• VUE动态添加路由刷新网页404
• MySQL清除表数据 id重置
• Nodejs实现跨域
• Nodejs插件nodemon无法运行脚本
• CSS文字自动换行

HTMl超出部分显示为省略号

html文字超过两行或三行就显示省略号

.p1{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

Linux查看端口占用情况，并关闭占用

查看进程
netstat -anp | grep 8080
杀死进程
kill -9 2597932

Vue3和Vue2原型链挂载

import {createApp} from 'vue'
import App from './App.vue'
import echartsContext from './scripts/echarts/index'
// 创建根节点
const app = createApp(App)
// 挂载echarts/
*** 2.0版本是直接挂载再原型链上  
Vue.prototype.xxx = xxx
* 从3.0开始要通过
app.config.globalProperties.xxx = xxx的方式挂载*/
app.config.globalProperties.$echartsContext = echartsContext// 挂载实例
app.mount('#app')

CSS-0.5PX分割线

.line::before,
.line::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}

滚动条美化

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c8c8c8;
}

Element-card v-deep

.el-card ::v-deep .el-card__body {
  padding: 0px;
  
}

VUE动态添加路由刷新网页404

使用router.addRoute()方法添加路由后，刷新网页会显示404，需要在全局路由守卫中定义一个常量进行标记是否添加新路由，之后根据是否添加决定放行！
hasNewRoutes ? next(to.fullPath) : next()

MySQL清除表数据 id重置

truncate table 表名**;**

Nodejs实现跨域

var allowCors = function(req, res, next) {
res.header('Access-Control-Allow-Origin', req.headers.origin);
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type');
res.header('Access-Control-Allow-Credentials','true');
next();
};
app.use(allowCors);//使用跨域中间件

Nodejs插件nodemon无法运行脚本

set-ExecutionPolicy RemoteSigned

之后输入Y

CSS文字自动换行

word-wrap: break-word;
word-break: break-all;
overflow: hidden;