高晨辉的博客

原创 elementTree懒加载调用接口时树产生抖动问题记录

elementTree懒加载调用接口时树产生抖动问题记录

原创 vxe-table表头列间隔竖线丢失问题记录

vxe-table表头列间隔竖线丢失问题记录

原创 get一种新的api封装方式

/备注:把promise请求在api里处理完了,项目代码里直接处理数据就行了,不需要再then和catch了。

原创 解决electron+vue项目起始加载慢的问题

原创 根据父子id对应关系将平铺数组处理为树形结构

【代码】根据父子id对应关系将平铺数组处理为树形结构。

原创 处理ssh远程链接不上的问题

ssh-keygen -R 接收方ip。

原创 linux下electron任务栏图标处理

linux下electron任务栏图标处理

原创 excel时间做导入时处理

excel时间处理

原创 jspdf导出PDF文件

pdf导出

原创 正则使用记录

正则使用实例

原创 记录关于vue-electron项目报require is not definde 的坑

electron项目遇见的坑记录

原创 利用computed通过js控制样式

js变量控制样式

原创 控制台远程连接服务器并重启后端服务

控制台远程连接服务器并重启后端服务

原创 一个高度封装的el-table组件

<template> <div class="base-table-view"> <!-- 外层按钮 删除 添加等 --> <div class="changeColumn"> <div v-if="showTitle" class="tableTitle"><span style="display: inline-block; width: 3px; height: 17px; ba.

原创 2022第一面

1.session ,cookie,localstorage的区别2.深拷贝3.es6新特性4.vuex(模块及功能)5.echarts如何处理数据泄露6.vue调优,7.路由守卫8.localstorage的用法9.父子组件的生命周期10.水平居中,垂直居中布局11.flex相关12.一个拖拽过程触发了哪些事件13.组件传参方式14.position有几个参数15.相对定位是根据谁定位的(父元素或相邻元素)16.MVVM模型,17.data为

原创 前端给后端传参的方式

1.针对get,delete类请求,在浏览器上呈现的参数形式是拼接在URL地址后面.以?开头使用的时候直接const data = { fileName: 'img0.jpg', fileVersion: 1, fileCode: '698574763500503040'}downloadFile(data)2.针对post,put类请求,将参数放到body里传入3.针对一些上传文件或图片的接口,后端可能会需要我们以format的更是...

原创 el-dialog的destroy-on-close属性

开启一个dialog,选择第二个radio,分别在使用destroy-on-close和不使用destroy-on-close点击关闭弹窗作比较1==>使用destroy-on-close,他的效果和在dialog中加上v-if类似 <el-dialog title="添加对象" ... destroy-on-close > .... </el-dialog> &lt.

原创 带进度条的上传功能

上传文件带进度条展示

原创 el-menu配置路由跳转

1.触发el-menu 上的select事件,在事件里编写路由跳转代码进行跳转<template> <div> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">xxxx</el-menu-item> ...

原创 前端导出Excel表格事件

前端导出Excel表格

原创 判断俩数组是否有交集

a和b有交集1,方法返回一个true,ac无交集,返回一个false源代码如下:function hasOneof(target,arr){return target.some(e=>arr.indexOf(e)>-1)}

原创 输入框只允许输入数字字母下划线

<el-input v-model="confirmForm.tenantName" size="mini" class="item-left" ></el-input>var checkNameReg = (rule, value, callback) => { // 用户名限制 if (!value) { return ...

原创 复合型输入框

效果:实现代码块<template> <div> <el-input placeholder="请输入内容" style="width: 500px" v-model="input3" class="input-with-select"> <el-select v-model="select" style="width: 120px" slot="append" placeholder="请选择"> &l.

原创 picker-option属性,开始结束都可选当天

1 .作用:限制时间框的输入范围(下为html部分) <el-form-item label="开始时间"> <el-date-picker v-model="formData.startTime" type="date" :picker-options="pickerOptionsStart" size="small" format

原创 JavaScript获取数组中最大最小值(es6好NB)

取出数组中最大值或最小值是开发中常见的需求，今天继续讲解如何获取javascript数组中最大和最小值。1.排序法首先我们给数组进行排序，可以按照从小到大的顺序来排，排序之后的数组中第一个和最后一个就是我们想要获取的最小值和最大值。排序我们会用到数组的 sort 方法。var arr = [12,56,25,5,82,51,22];arr.sort(function (a, b) { return a-b;}); // [5,12,22,25,51,56]var min ..

原创 调试方法脚本

最近get了一个新的调试脚本方法的方式,感觉比控制台敲码舒服:1.在vscode创建一个test1.js文件2.把要调试的脚本写到test1.js里3.新建一个终端窗口4.输入 node test1.js运行

原创 eslint相关配置及解释

"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数与外部作用域变量同名"no-class-assign": 2,//禁止给类赋值"no-cond-assi

原创 el-descriptions

<el-descriptions title="用户信息"> <el-descriptions-item label="用户名">kooriookami</el-descriptions-item> <el-descriptions-item label="手机号">18100000000</el-descriptions-item> <el-descriptions-item label="居住地"&gt...

原创 value的值和key的值处理成 Key:value

初始数据: metadata: [ { key: "deviceName", value: "Test Device" }, { key: "deviceType", value: "default" }, { key: "ts", value: "1627451808743" }, ],目标数据:{ deviceName:"Test Device", deviceType:"default", ts

原创 前端根据关键字筛选列表数据

将match更新为indexof,解决特殊字符无法校验匹配的问题

转载 Cashe、Cookie与Session相关

111

原创 vue面试相关01

vue常见面试题1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操