- 博客(32)
- 收藏
- 关注
RSS订阅原创 node.js中request.body为undefined或者解析不出来
情况一、ajax请求必须为post方法，才能解析xhr.send中的请求体内容。情况二、服务端必须设置解析参数的中间件。如下：// 1. 导入解析表单数据的中间件 body-parserconst parser = require('body-parser')// 2. 使用 app.use() 注册中间件app.use(parser.urlencoded({ extended: false }))...
2022-04-12 11:01:09
950
原创 slice与splice区别
slice 截取元素，不改变原数组 let arr = ['a', 'b', 'c', '4', '5', '6', '7', '8']; // slice 截取元素，不改变原数组，arr.slice(a,b) 从索引a截取到b-1 var slice = arr.slice(1,4) console.log(arr) // ['a', 'b', 'c', '4', '5', '6', '7', '8'] 原数组不变 co
2022-04-02 10:17:07
338
原创 使用set对数组进行去重
set中无重复元素Array.from方法可以将 Set 结构转为数组。function dedupe(array) { return Array.from(new Set(array));}dedupe([1, 1, 2, 3]) // [1, 2, 3]
2022-02-11 17:33:05
342
原创 创建webpack工程
创建webpack工程安装配置使用：index.html中的script的src为webpack打包生成后的文件，在dist/main.js修改文件出入口保存后自动监听代码修改安装配置使用index.html使用的是内存中的bundle.jsindex.html修改...
2022-02-11 15:53:52
408
转载 伪元素绑定事件
方式一C3属性：给元素设置pointer-events: none ，给伪元素设置pointer-events: auto；方式二：通过事件冒泡；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .li { heig.
2022-02-08 10:57:49
557
原创 CSS画三角形
原理：1、div 的高宽设置为0 width: 0;height: 0;2、div设置边框，边框颜色透明色，边框大小代表三角形大小 border: 100px solid transparent;3、想要那个方向的三角形就设置那个方向三角形颜色 border-left-color: pink;左三角形与上三角形制作css 样式<!DOCTYPE html><html lang="en"><head> <meta charset.
2022-01-21 17:54:31
607
原创 el-upload 批量导入超时解决方法，批量上传文件过多，后台处理时间过长超时，前台会报错误（实际上后台还在处理中）。如果想知道后台处理结果，建议做成异步查询，写定时器扫描结果表信息
el-upload 上传文件到后台走的是单独的ajax,因此通过axios封装的ajax进行response拦截不合适。最好的处理方法是在上传失败的钩子函数on-error进行拦截,对其response进行处理，超时情况，其返回response.包含currentTarget.timeout属性，并且currentTarget.timeout的值为“0”，只要判断这种情况单独处理即可。绑定文件上传失败钩子函数钩子函数response处理：超时response属性判断。...
2022-01-18 11:28:25
5605
原创 文字溢出自动显示省略号
注意点：省略号的css代码为：text-overflow: ellipsis; 这行代码经常不起作用，是因为其必须满足两个条件：1、宽度必须设置；2、同时设置white-space: nowrap(不换行); 和overflow: hidden（超出部分隐藏）。因此，完整css代码：div { width: 150px; height: 80px; background-color: pink; margi
2022-01-18 10:37:27
309
原创 box-sizing: border-box；盒子包含内外边距及边框
正常盒子模型高宽都包含了内外边距及边框的值。盒子最终的大小的高包括：边框、外边距、内边距、高度。高度与内外边距及边框分表计算盒子最终的大小的宽包括：边框、外边距、内边距、高度。宽度与内外边距及边框分表计算设置box-sizing: border-box;后，盒子最终的大小的宽高height的大小，盒子最终的大小的宽 width的大小。原始盒子模型：加入box-sizing: border-box;属性后...
2022-01-10 17:33:59
1076
原创 为什么要清除浮动？
浮动的属性虽然方便使用，但是在使用这种属性时，也存在着一种弊端，那就是当子元素设置了float属性之后，且父元素的高度和宽度没有进行设置，而是由子元素支撑起来，则会导致父元素的高度塌陷(原本的height后来被置为0)高度塌陷效果如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content
2022-01-10 17:23:19
43
原创 文字阴影text-shadow
text-shadow: 5px 5px 6px rgba(0, 0, 0, .3);h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 代码：<!DOCTYPE html><html lang="en"><head> <
2022-01-10 17:09:38
117
原创 div添加阴影（盒子阴影）box-shadow各参数含义
box-shadow: h-shadowv-shadowblurspread color;五个参数含义：h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离，实际是模糊程度 spread 可选。阴影的大小 color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 代码：<!DOCTYPE html><html lang="en">...
2022-01-10 17:02:53
6001
原创 利用border-radius制作圆形、圆角矩形、半圆
设置div的宽高、利用border-radius属性制作。圆形图案：div 的宽高必须相同，border-radius的值是div宽度和高度的一半圆角矩形图案：border-radius的值是div高度的一半半形图案：div 的宽是高的一半，border-top-left-radius与border-bottom-left-radius的值是div高度的一半代码：<!DOCTYPE html><html lang="en"><head>
2022-01-10 16:53:10
3774
原创 圆角边框,border-radius
border-radius: 10px; border-radius的值越大，其边框的弯度越大。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=.
2022-01-10 16:44:13
71
原创 CSS 多个选择器优先级，叠加选择器权重，important
一、单选择器优先级多个单选择器优先级：权重越大，其优先级越高，优先生效。!important表示权重最大，有!important修饰的永远优先生效。!important>style>ID选择器>类选择器>元素选择>继承及*选择器权重表如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2022-01-10 09:25:04
1479
1
原创 CSS层叠性（pink学习）
相同选择器，后面属性会覆盖前面属性。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge
2022-01-07 17:08:12
71
原创 背景色透明写法rgba(0, 0, 0, .1)
rgba(0, 0, 0, .1) 最后一位表示权重，权重越大，越不透明代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl
2022-01-07 17:04:51
1207
原创 背景固定background-attachment: fixed；
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2022-01-07 17:01:12
63
原创 单行文字垂直居中
垂直居中line-height要设置和height一样高代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con
2022-01-07 16:58:06
268
原创 利用块元素转换做侧边栏（block）
思路：将行内标签<a>设置为块元素，display:block 即可实现换行。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-
2022-01-07 16:55:11
65
原创 focus伪类选择器
input输入框选中时触发代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2022-01-07 16:50:02
54
原创 line-height 行间的距离
line-height 表示行间距大小。测量方式为：最上行顶端到下行顶端的距离代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com
2022-01-07 15:21:16
536
原创 首行缩进2字符，CSS文本外观之文本缩进
text-indent属性text-indent: 20px; --缩进20pxtext-indent: 2em; --2em 则是缩进当前元素 2个文字大小的距离代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale
2022-01-07 15:08:54
595
原创 el-select 组件失去焦点
el-select 标签设置ref属性后直接绑定失去焦点事件blur，通过blur事件直接进行绑定隐藏下拉框方法，elementUI中提供了失去焦点的方法，其方法名也是blur。代码如下： <el-select v-model="oldQuery.type" size="mini" placeholder="请选择" ref="fuzzySearch"
2021-12-21 09:01:00
12133
原创 行内元素inline、块级元素block、行内块元素inline-block区别
行内元素inline、块级元素block、行内块元素inline-block区别inline： 同一行、无宽高、margin上下无效，padding上下无效block： 不同行、有宽高、margin上下有效，padding上下有效inline-block： 同一行、有宽高、margin上下有效，padding上下有效7...
2021-12-08 15:49:05
201
原创 vue 中axios重写get、post 方法，并在请求头中添加信息
export default 中重写方法specialistPost(url, params = {}) { return new Promise((resolve, reject) => { axios.post(process.env.API_ROOT + url, params, { headers: { "content-type": "application/json"}}).then(res => { // axios.post.
2021-12-07 18:10:25
1583
转载 vue.js中watch的六种用法（附实例解析）
链接：https://blog.csdn.net/qq_32682301/article/details/105408261————————————————版权声明：本文为CSDN博主「onc-virn」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/qq_32682301/article/details/105408261...
2021-10-14 14:45:17
75
原创 vue tabs标签切换阻止属性before-leave
在el-tabs 中绑定before-leave属性,绑定事件:before-leave="beforeTabLeave"函数写法
2021-10-09 14:47:55
1710
转载 VUE 对象数组某一属性值排序（升降序）
待排序数据: titleDatalist:[ {id:1,titleTypes:'填空题',titlescore:1}, {id:2,titleTypes:'单选题',titlescore:8}, {id:10,titleTypes:'问答题',titlescore:5}, {id:15,titleTypes:'单选题',titlescore:2}, {id:22,titleTypes:'问答题',titlescore:1}, {i...
2021-09-26 09:31:36
1308
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人