自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 el-row下el-col会错行

解决方案。

2024-01-06 14:48:24 464

原创 grid布局 item被内容撑开导致内容划分不等

grid布局 当item的行列布局由fr划分时其内容过多会导致item被撑开

2023-08-08 10:49:40 770

原创 letter-spacing使用导致最后一个字符后多出一个数值宽度

letter-spacing使用导致最后一个字符多出一个数值宽度

2023-07-20 10:20:17 610

原创 Failed to execute ‘replace‘ on ‘Location‘: ‘http://localhost:8080undefined‘ is not a valid URL.

报错 Failed to execute 'replace' on 'Location': 'http://localhost:8080undefined' is not a valid URL.

2023-02-01 15:40:34 1360 1

原创 谷歌浏览器警告:Added non-passive event listener to a scroll-blocking ‘wheel‘ event

谷歌浏览器警告:[Violation] Added non-passive event listener to a scroll-blocking ‘wheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive.解决方法> npm install --save default-passive-eventsmain.jsimport 'default-passive-eve

2021-08-25 17:28:59 2332

原创 Ant Design Table组件报错,提示table should have a unique `key` prop的解决办法

Ant Design Table组件报错,提示table should have a unique key prop解决方法// 法1:rowKey : record => record.dataIndex// 法2rowKey : (record,index)=> index

2021-08-25 17:23:08 319 1

原创 lodash

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:遍历 array、object 和 string对值进行操作和检测创建符合功能的函数安装# 浏览器安装 直接下载下来或cdn复制链接<script src="lodash.js"></script># npm

2021-06-29 17:15:01 214

原创 echarts封装

一 组件pageEcharts.vue<template> <div :id="id" style="width: 100%; height: 100%;" :style="{ minHeight: typeof minHeight === 'number' ? minHeight + 'px' : minHeight, }" ></div></template><script>con

2021-06-21 17:26:00 86

原创 css变量(JavaScript修改css变量)

一 变量的声明声明变量的时候,变量名前面要加两根连词线(–)。:root { --font-size: 14px;}body { --color: #FFFFFF; --border-color: #EDEDED;}二 var()函数var()函数用于读取变量。.box { color: var(--color); border: 1px solid var(--border-color);}var()函数还可以使用第二个参数,表示变量的默认值。如果该变量不存在,就

2021-06-21 16:49:31 662

原创 mysql5.7安装以及配置

一 MySQL下载https://dev.mysql.com/downloads/mysql/5.7.html二 操作步骤1. 解压安装包到想要安装的目录(以下以 D:\mysql\mysql-5.7.28 为例)2. 添加环境变量1)我的电脑->属性->高级->环境变量2)选择Path,添加 D:\mysql\mysql-5.7.28\bin3. 在 D:/mysql/mysql-5.7.28 下新建my.ini文件[mysqld]basedir=D:\mysql\m

2021-05-08 14:24:45 102

原创 eslint no-unused-vars

使用vue开发项目时,经常会引入第三方组件或公共方法,但引入后不使用会报错xxx is defined but never used解决方法:// .eslintrc.js 中添加rules: { 'no-unused-vars': 'off'}

2020-12-01 14:57:30 2810

原创 element 表格多选+分页

表格多选且有分页时,保存选中状态1> row-key 2> reserve-selection<template> <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" :row-key='getRowKey' @selection-change="handleSelectionChange"&gt

2020-11-30 15:14:21 652

原创 深度作用选择器 (修改element样式)

这是 vue-loader 提供的一种写法,如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>> 操作符:.parent >>> .child { /* css样式 */}有些预处理器无法正确解析 >>>,比如Sass 。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。.parent /deep/ .chil

2020-11-30 10:32:22 699 1

原创 element 默认主题样式

element-variables.scss/* Element Chalk Variables */// Special comment for theme configurator// type|skipAutoTranslation|Category|Order// skipAutoTranslation 1/* Transition-------------------------- */$--all-transition: all .3s cubic-bezier(.645,.0

2020-11-27 17:27:53 1464

原创 element表格错位

element表格错位解决方法body .el-table th.gutter { display: table-cell !important;}body .el-table colgroup.gutter { display: table-cell !important;}

2020-11-26 09:31:29 597

原创 vue 鼠标事件控制台警告

控制台警告Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive解决方法:在事件上加事件修饰符passive若无事件,则安装插件 default-passive-events> npm install default-passive-events -

2020-11-26 09:11:10 1004

原创 RabbitMQ安装及使用

Erlang安装安装RabbitMQ之前要先安装Erlang下载地址: http://www.erlang.org/downloads环境变量配置我的电脑 - 属性 - 高级系统设置 - 环境变量 - 新建系统变量 - 输入变量名和变量值(安装路径) - 编辑Path变量 - 安装路径下的sbin目录RabbitMQ安装下载地址: http://www.rabbitmq.com/download.html环境变量配置我的电脑 - 属性 - 高级系统设置 - 环境变量 - 新建系统变量

2020-11-02 13:55:35 166

原创 在nodejs中使用MongoDB

MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。MongoDB 将数据存储为一个文档,数据结构由键值(key=>value)对组成。MongoDB 文档类似于 JSON 对象。字段值可以包含其他文档,数组及文档数组。...

2020-10-27 17:54:03 399

原创 forever / pm2

如果直接使用 npm run start 或 node index.js 启动,则一旦退出 ssh 远程登陆,demo-node就会停止运行。因此我们使用 forever 或者 pm2 启动 demo-nodeforever 管理多个站点,每个站访问量不大,不需要监控。pm2网站访问量比较大,需要完整的监控界面。forever命令# 全局安装> npm install forever -g# forever帮助手册> forever --help# forever启动项目&

2020-10-27 10:45:45 720

原创 nginx开机自动启动

windows下nginx开机自动启动下载 https://github.com/winsw/winsw/releases 下 WinSW.NET4.exe 到 D:\nginx 目录下修改WinSW.NET4.exe名称为nginx-service.exeD:\nginx目录下新建 nginx-service.xml 文件<!-- nginx-service.xml --><service><id>nginx</id><name&gt

2020-10-26 15:26:26 403

原创 nidejs中文件上传

express + multer安装multer> npm install express multer --save上传文件dest自定义上传路径storage自定义上传路径和名称routes/index.js// 引入multerconst express = require('express')const router = express.Router()const multer = require('multer')const fs = require('fs'

2020-10-23 17:35:25 210

原创 less

在vue中使用less依赖下载// 下载> npm install --save less less-loader// 检查版本> lessc -v使用main.jsimport less from 'less'Vue.use(less).vue<style lang='less'> /*less内容*/</style>less用法变量普通变量定义: @key: value使用: @key<style lang='le

2020-10-23 11:45:10 80

原创 windows下启动Apache

文件存放位置Apache24/htdocs启动步骤// 1. 进入目录 Apache24/binD:Apache24/bin>// 2. 安装apache服务器D:Apache24/bin> httpd.exe -k install// 3. 修改配置文件 Apache24/conf/httpd.conf // 路径 Define SRVROOT "D:\Apache24" ServerRoot "${SRVROOT}" // 端口号 Listen 80 //

2020-10-23 10:56:38 1132

原创 base64

基本字符集小写字母a-z、大写字母A-Z、数字0-9、符号’+’、符号’/’ (还有作为垫字的’=’)vue中编码和解码安装> npm install --save js-base64引入import { Base64 } from 'js-base64'使用// 编码Base64.encode('测试') // 5rWL6K+V// 解码Base64.decode('5rWL6K+V') // 测试...

2020-10-21 15:43:08 147

原创 node-uuid

node-uuid安装> npm install node-uuid使用1、uuid.v1()基于时间戳生成2、uuid.v4()随机生成,有一定的机率会重复// 导入let node_uuid = require('node-uuid')// 时间戳let uuid = node_uuid.v1()// 随机let uuid = node_uuid.v4()...

2020-10-21 14:53:19 1282

原创 CSS 超出部分显示省略号

// 单行文本.wrap { /* 超出部分隐藏 */ overflow:hidden; /* 超出部分显示省略号 */ text-overflow:ellipsis; /* 规定段落中的文本不进行换行 */ white-space:nowrap;}// 多行文本.wrap { width: 100%; overflow: hidden; /* 将对象作为弹性伸缩盒子...

2020-10-21 14:40:47 96

原创 redis学习

redis在nodejs中应用安装导入const redis = require("redis")

2020-10-21 13:49:03 116

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除