- 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;