- 博客(51)
- 收藏
- 关注
RSS订阅原创 element 框架 el-radio-group 赋值之后点击无效
当进行页面编辑给l-radio-group 赋值之后点击无效的问题。change事件里重新渲染一下页面就行了。el-radio在一组备选项中进行单选。
2023-06-13 11:03:51
2463
原创 防止忘了，记录一下
修改element-ui Dialog对话框自适应高度 仅body内容部分滚动用element-uiDialog对话框时遇到这样一个问题（如下图），就是打开Dialog对话框后，它的高度不是自适应高度，从而导致浏览器产生滚动条，用户体验不是很好，经过一番修改，改成自己想要的自适应高度弹框。定义样式如下：复制.pub_dialog { display: flex; justify-content: center; align-items: Center; ..
2022-08-18 20:43:59
190
原创 跨域情况下前端获取response header的问题
1、问题原因 * 前端发送请求下载文件，在Response Headers里通过js获取响应头里的Content-Disposition字段的值，从中分离出文件名 * 但是通过查看NetWork控制台确实是能看到content-disposition,但是在响应拦截器里用js headers["content-disposition"]来获取，但是打印 header对象里并没有content-disposition，无法获取，这是什么原因？ 2、原理 Access-Control-Expose-Header
2022-07-13 11:27:09
3931
原创 vue中html2canvas的使用
Html2canvas是什么?是一个脚本 这个脚本可以允许用户直接在浏览器上拍摄网页或其中一部分的"屏幕截图".屏幕截图是基于DOM,因此可能无法真实表示100％的准确度，因为它无法生成实际的屏幕截图，而是根据页面上的可用信息构建屏幕截图。一、安装html2canvasnpm install --save html2canvas二、使用............
2022-05-24 18:13:18
17119
5
原创 文件上传示例
<template> <div> <!-- element ui 文件上传 --> <span>1-</span> <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-change="onFileChange"> <el-button size="small" ty.
2022-03-22 15:01:55
217
原创 element-ui table表格组件设置展示列的显示与隐藏
<template> <div> <div class="menu" @click="showPinel"> <i class="el-icon-more" /> <div v-show="menuVisible" class="menu_"> <el-checkbox-group v-model="colOptions"> <el-checkbox .
2022-01-14 16:23:10
2709
原创 vue路由传参获取不到params，获取到为空
官方文档https://router.vuejs.org/zh/guide/essentials/navigation.html
2021-12-08 14:40:02
2754
原创 Git 主分支上创建分支并提交代码
## git checkout -b <分支名>## 例如：创建并切换到 dev 分支git checkout -b dev## 查看分支git branch## 推送到远端仓库 ## 把本地分支推到远端，让远端也有一个你的分支，用来后面提交你的代码## git push origin <分支名>## 例如将 dev 分支推送到远端git push origin 分支名## 提交代码到分支git statusgit add .git c.
2021-08-04 15:45:06
158
原创 Unexpected reserved word ‘await‘
async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { await this.confirmHand...
2021-08-03 14:50:45
57234
9
原创 vue动态绑定class的不常用方式
使用computed属性<div v-for="item in contestData" :key="item.id> <span :class='stateClass(item.contestState)'></span></div>computed: { stateClass() { return function(val) { let map = { 'sta
2021-07-28 11:29:11
104
原创 在localhost上运行html文件
安装node.js在powershell窗口中, 运行命令npm install -g http-server导航到cmd中文件文件夹的特定路径并运行命令http-server-p${your-port}./node 运行命令node./server/index.js 当前server下的文件
2021-07-01 14:19:38
2909
原创 前端在线编辑器
两个前端代码在线编辑器单文件在线编辑器 https://codepen.io/pen/项目级在线编辑器 https://codesandbox.io/
2021-06-28 13:28:06
1362
原创 升级node版本
ennn，很无语刚把nodo从v10.15.1升级到14.17.0就发现原来的vue项目都不能运行了，尝试了很多种方法，最后还是报错又尝试退回到v12.0.0版本还是不行。退回到原始版本v10.15.1不报错最后又尝试了几个版本还是报错，通过查找同样此问题的友友。发现退回v12.18.3 ，项目重新运行起来了...
2021-06-15 15:02:20
334
原创 el-tree树结构选中编辑和取消选中效果
问题： 当时因为要写取消选中的效果，但因.el-tree-node:focus中focus属性导致样式一直达不到想要的效果；即取消选中后仍会有个浅色背景存在，当失去焦点是才会消失。解决：改前自带样式：.el-tree-node:focus>.el-tree-node__content { background-color: #F5F7FA;}改后： .el-tree-node:focus > .el-tree-node__content { back.
2021-06-15 11:33:27
3325
1
原创 el-tree通过关键字过滤树节点，过滤出的父节点并包括所有子节点
结果：目标结果：直接看代码：原过滤代码： filterNode(value, data) { if (!value) return true; return data.label.indexOf(value) !== -1; }现改为： //优化之后的代码 不管有几级都可以适用 filterNode(value, data, node) { if (!value) { return true;
2021-06-10 14:31:08
1536
2
转载 粘性定位
语法position属性被指定为从下面的值列表中选择的单个关键字。取值static该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时top,right,bottom,left和z-index属性无效。relative该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。position:relative 对 table-*-group, table-row...
2021-05-17 11:31:07
1327
原创 后台返回文件流，前端进行处理下载文件
方法一：leturl=window.UL_CONFIG.BASEURLwindow.open(`${url}/api/etask-download?id=${id}`)方法二： download(id) { let params = new URLSearchParams() params.append("id", id) fileDownload(params).then(response => { const f...
2021-05-14 17:20:02
573
1
原创 element ui 修改el-select中model数据格式
官网显示：需求：根据所选逻辑关系对显示数据进行处理逻辑： 1、修改el-select组件样式（失败）2、对数据处理后赋值给v-model，发现model数据不能与下拉框数据相对应，即下拉框中数据不能显示选中状态 （失败）3、在组件el-select 上添加一个input框相对el-select框定位，对处理过后的数据赋值给input；选项可进行添加和取消代码： <div class="select_keyword"> <!-- v-inf
2021-04-14 14:23:11
1582
原创 前端编码格式
view source 或 view parsed 链接，您能够以源格式或者解析格式查看响应标头、请求标头或者查询字符串参数。Post请求的3种编码格式：application/x-www-form-urlencoded和multipart/form-data和application/jsonexport function formatParams(options = {}, type = "qs") { let params = type === "qs" ? new URLSearchPar
2021-04-14 11:31:49
679
原创 Vuex数据状态持久化-vuex-persistedstate
Vuex 作为一个专为 Vue.js 应用程序开发的状态管理模式，在中大型项目中备受青睐，它有着天然的优势：响应式的共享状态及可跟踪的状态变化。然而它也存在着明显的缺陷：页面刷新数据丢失。这非常容易理解，页面刷新重新加载需要重新实例化store：conststore = new Vuex.Store({state: {}})，状态当然会变为初始值。那么如何在刷新页面后保存之前的状态呢？1. 安装：npm install --save vuex-persistedstate2. 配置： 使用vu...
2021-02-18 11:16:06
124
原创 css
ennnn 就随便写写图：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>JS</title></head><style> * {..
2021-02-05 17:26:31
58
原创 JS数据处理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>JS</title></head><body> <script> var dat.
2021-02-02 17:32:22
75
原创 时间转化
1. 获取当前时间 一周前 一月前毫秒数let now = new Date().getTime() - 3600 * 1000 * 24 * 1let dayAgo= new Date().getTime() - 3600 * 1000 * 24 * 7let monthAgo =new Date().getTime() - 3600 * 1000 * 24 * 30formatTimeStamp(monthAgo) 时间戳//转化秒exportfuncti...
2021-01-29 10:26:07
314
转载 null 与 undefined 区别
1.null 和 undefinednull是一个表示“空”的对象，转为数值时为0；undefined是一个表示"此处无定义"的原始值，转为数值时为NaN在if语句中，它们都会被自动转为false，相等运算符（==）甚至直接报告两者相等。// 变量声明了，但没有赋值var i;i // undefined// 调用函数时，应该提供的参数没有提供，该参数等于 undefinedfunction f(x) { return x;}f() // undefined// 对象没有
2021-01-28 16:36:42
362
原创 echarts柱状图，y轴数据显示整数控制
在创建柱形图时，Y轴数据默认是有小数点的。如果不显示小数，只显示整数可以设置minInterval属性成1保证坐标轴分割刻度显示成整数yAxis : {minInterval:1},
2021-01-28 15:55:45
6577
原创 element ui中改变某一行或者单元格的颜色
element 官网讲解row-class-name 行的 className 的回调方法，也可以使用字符串为所有行设置一个固定的 className。 Function({row, rowIndex})/String — — row-style 行的 style 的回调方法，也可以使用一个固定的 Object 为所有行设置一样的 Style。 Function({row, rowIndex})/Object — — cell-class-name
2021-01-28 10:01:54
6208
原创 利用js实现Ajax并发请求限制请求数量
出现问题描述：当不确定异步请求个数时，为防止当一瞬间发生上百个http请求时，导致堆积了无数调用栈进而导致内存溢出问题。要求：将同一时刻并发请求数量控制在3个以内，同时还要尽可能快速的拿到响应的结果。同面试问题：实现一个批量请求函数 multiRequest(urls, maxNum)，要求如下：•要求最大并发数maxNum•每当有一个请求返回，就留下一个空位，可以增加新的请求•所有请求完成后，结果按照urls里面的顺序依次打出1、基于Promise.all实现A...
2021-01-11 11:18:05
2894
原创 动态路由前端控制或是后端控制
为什么设置动态路由我们在开发的过程中，会有不同的人来操作系统，有admin（管理员）、superAdmin(超管)，还会有各种操作员、普通管理员。为了区别这些人员，我们会给不同的人分配不一样的角色，从而来展示不同的菜单，这个就必须要通过动态路由来实现。前端控制1、不用后端帮助，路由表维护在前端2、逻辑相对比较简单，比较容易上手后端控制1、相对更安全一点2、路由表维护在数据库一、前端控制通过路由的meta属性role来控制加载路由具体方法是：1、根据登录用户...
2021-01-06 10:25:13
1183
原创 从一个git仓库拷贝到另一个git仓库
利用git从一个仓库拷贝一个项目到另一个仓库，并且log也能够一起过去1 先从原地址clone一份代码到本地git clone --bare http://github....(原始仓库地址)2 进入克隆下来的目录3 以镜像推送的方式上传代码到新的仓库地址git push --mirror http：//...(目标仓库地址)...
2020-12-16 09:55:37
2614
原创 css 渐变的使用
还是直接上代码二、使用步骤1.效果图代码如下（示例）：html / css <div class="content"> 信息统计： <div class="top1" v-for="(item, index) in list" :key="index"> <span>{{ item.name }}:</span> <ul style="" :style="{ width:
2020-11-26 14:41:42
94
原创 vue 详情页返回列表页，保存当前页
emnnnn 直接看代码1.存储这里使用sessionStorage, 定义存 取 删除 currentPage; 我这里是放在了 src/utils/index.js文件夹下代码如下（示例）：//给sessionStorage存值export function setContextData(key, value) { if (typeof value == "string") { sessionStorage.setItem(key, value); } ...
2020-11-19 15:00:04
634
原创 wavesurfer.js绘制音频波形图
1.查看效果图向前选中：向后选中：代码如下（示例）：<template> <div class="waveSurfer"> <div class="top"> <span @click="leftSelect">向前选中</span> <span @click="rightSelect">向后选中</span> <span @click="R
2020-11-18 16:42:55
2541
2
原创 vue 一键导出Excel表格
vue 一键导出Excel表格一、使用步骤1.先安装3个依赖包代码如下（示例）：npm install -S file-savernpm install -S xlsxnpm install -D script-loader或者npm install -S file-saver xlsx2.在项目中新建一个文件夹，然后放置两个文件3. 在要导出表格的页面添加按钮并绑定事件<el-button@click="handleDownload">下载</e.
2020-11-18 10:47:23
416
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人