- 博客(14)
- 收藏
- 关注
RSS订阅
原创 HTTP请求服务器 statuscode的状态码说明 （statuscode==500）
201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。 200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。 201（已创建） 请求成功且服务器已创建了新的资源。 202（已接受） 服务器已接受了请求，但尚未对其进行处理。 203（非授权信息） 服务器已成功处理了请求，但返回了可能来自另一来源的信息。 204（无内容） 服务器成功处理了请求，但未返回任何内容。 205（重置内容） 服务器成功处理了
2020-10-10 11:33:19
6811
原创 echarts渲染图表
接入接口后拿到数据 渲染图表<template> <div class="sewageStatistics"> <div class="title">污水来源统计</div> <div class="line"></div> <div class="sewage"> <div id="source" class="source"></div> <
2022-03-14 10:10:44
1000
原创 导出，responseType: “blob“，blob流导出
post方法 if (this.TableOptions.selectedRows.length == 0) { this.$message({ type: "warning", message: "请勾选下方表格中需要导出的数据", }); return false; } this.$confirm("确定要进行导出吗?", "提示", { confirmButton
2022-03-14 10:05:55
1233
原创 css基本布局
css布局flex自适应<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2022-03-14 09:51:28
140
原创 css文本溢出
写样式中经常碰到文本太多，导致页面展示不雅观，这时就需要用省略号显示单行文本溢出{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}多行文本溢出{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-ori
2022-03-14 09:49:14
144
原创 video标签 视频暂停播放的问题，vue中同一个video标签中多个视频的播放问题
获取后来返回来的视频地址放在了elment的走马灯里面 进行自动切换要求:实现双击在弹窗中播放，弹窗大小【1000*550】(第一点)原视频和弹窗内视频互斥，不可同时播放（第二点）上传多个视频，左右切换时，不可同时播放（第三点）鼠标移入走马灯不自动轮播，点击播放时不自动轮播，鼠标移出，走马灯开始自动轮播（第四点） <el-carousel v-else-if="samplingSceneVideofileList.length" height="300px"
2021-12-08 16:50:40
2181
原创 new Set数组去重（适用场景勾选多选框给后台传参时去重）
数组去重var arr = [1,2,3,3,1,4];[...new Set(arr)]; // [1, 2, 3, 4]Array.from(new Set(arr)); // [1, 2, 3, 4][...new Set('ababbc')].join(''); // "abc" 字符串去重new Set('ice doughnut'); //Set(11) {"i", "c", "e", " ", "d", …}并集var a = new Set([1, 2, 3]);var b
2021-12-03 15:49:41
88
原创 vue element-ui级联选择器选中后下拉框自动收起
Cascader 级联选择器 数据渲染通过 :options=“options” 映射,让每一级都可以选择(选项前会有圆圈可勾选)设置属性 :props="{ checkStrictly: true }"点击后下拉框自动收起实现设置每次监听值变化的时候，把 dropDownVisible 属性设置为 false 即可。（这个属性，官网根本没有说… ）html部分:<el-form-item label="菜单"> <el-cascader
2021-12-01 09:59:15
1278
原创 Vue的路由介绍
Vue的路由介绍route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由；routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种，事实上官方定义routes是一个数组；所以我们记住了，routes表示多个数组的集合；router：译为路由器，上面都是路由，这个是路由器，我们可以理解为一个容器包含上述两个或者说它是一个管理者，负责管理上述两个；举个常见的场景的例子：当用户在页面上点击按钮的时
2020-11-24 14:49:52
132
原创 vue+element实现表格批量删除功能
<template><div class="item"> <el-button class="iconfont" type="success" size="small" @click="addRow"> 新增</el-button> <el-button type="primary" class="iconfont" size="small" @click="removeUs
2020-11-13 11:32:52
604
1
原创 如何更改iview导航菜单的箭头方向
如何更改iview导航菜单的箭头方向我们在日常中见到的箭头都是从右倒下，但是iview菜单导航组件是从下到上所以我们进入到他的源代码去更改你进去会发现 它原有的是transform: rotateY(-90deg)->transform: rotateY(90deg);所以我们要改成/deep/ .ivu-menu-vertical .ivu-menu-submenu-title-icon{transform: rotateZ(-90deg);}/deep/ .ivu-menu-v
2020-09-27 14:51:39
690
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人