F-Fanger-CSDN博客

原创 element el-select下拉框修改样式 el-select-dropdown

element el-select下拉框修改样式 el-select-dropdown修改下拉框的样式想要修改el-select的样式尝试修改css无效果，于是打开控制台发现如图所示，它们是同级的。于是，又去仔细翻阅了element文档发现有一个popper-class属性实践，如图所示注意：style中需要去掉 scoped！！！否则无效...

2020-10-29 18:56:27 11746 4

原创 Echarts 让饼图中间文字居中并自适应图表

背景：产品提出需求在饼图中间放两行文字且居中“简单，劈劈啪啪写完了”产品再提出你这个没有自适应啊，屏幕放大、缩小你这个就没有居中了，甚至会和饼图重叠“emmmmm…"

2023-08-10 09:46:58 4442 5

原创【插件】vue vue-awesome-swiper 视频与图片混合自动轮播视频播放完后自动切换下一个

vue vue-awesome-swiper 视频与图片混合自动轮播视频播放完后自动切换下一个

2023-02-01 11:54:46 1461 1

原创 vue 父组件监听子组件的数据变化父组件监听子组件的data

vue 父组件监听子组件的数据变化父组件监听子组件的data

2023-01-17 15:27:51 3329 1

原创【记录】vue3+vite+ts ReferenceError: process is not defined

vue3 ReferenceError: process is not defined

2022-09-28 15:53:39 1623

原创使用自定义字体包太大导致加载太慢解决办法用font-spider字蛛解决自定义字体包太大的问题

使用自定义字体包太大导致加载太慢解决办法用font-spider字蛛解决自定义字体包太大的问题

2022-09-20 17:50:58 1447

原创【记录】docker容器无法启动后,如何修改里面的配置文件

在容器内修改了一个配置文件，然后保存。再重新启动容器结果就启不来了。然而我们又想把刚才修改的配置给修改为原来的再启起来，我们该怎么办呢？

2022-07-11 15:19:07 2015

原创【记录】superset 连接mysql数据库

superset连接mysql数据库

2022-07-06 13:29:20 1365

原创【记录】 Linux中安装superset 以及遇到的错误解决

Linux中安装superset 以及遇到的错误解决

2022-07-05 17:42:37 3801 1

原创【error】在vscode终端执行tsc报错解决

在vscode终端执行tsc报错解决CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess

2022-07-01 14:05:52 860 2

原创【error】解决报错: PostCSS received undefined instead of CSS string

解决报错: PostCSS received undefined instead of CSS string

2022-06-22 14:13:21 695

原创【error】error: failed to push some refs to ‘远程仓库地址‘ git报错解决

我们想把自己本地的某个项目关联到远程仓库并推送上去，导致报错。error: failed to push some refs to '远程仓库地址'

2022-06-17 10:07:44 642

原创【记录】el-select 已选项禁止删除 el-select编辑时已选择的项不允许删除

el-select 已选项禁止删除 el-select编辑时已选择的项不允许删除

2022-06-15 16:47:13 5082 10

原创【分享】js比较两个对象输出不同的字段输出不同字段的值

js比较两个对象输出不同的字段输出不同字段的值

2022-06-13 16:41:04 696

原创【分享】 Javascript 从2个数组中查找不匹配的对象

如何从两个数组中找到不同的对象

2022-06-13 16:24:18 553

原创【分享】解决Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS..

Mixed Content: The page at 'https://awdev.knowniot.com/#/login' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://whois.pconline.com.cn/ipJson.jsp?ip=101.204.149.167&json=true'. This request has been blocked; the content must

2022-06-08 16:17:06 4951 6

原创【分享】JS中forEach到底可以改变原数组吗

平时写代码的时候有没有发现一个问题觉得forEach是可以改变原数组的，但是有时候发现又不能改变原数组，此时是不是很迷了。but你有去仔细的分析数组中的每一项的类型吗？你会发现能改变原数组的数组为对象数组，而不能改变的数组是数字字符串数组。根本原因在于前者是引用数据类型，后者为基本数据类型。 forEach方法只是操作数据而已，数组里的数据是如何引用的呢？js的数据有基本数据类型和引用数据类型，同时引出堆内存和栈内存的概念。对于基本数据类型：Number、String 、Boolean、Null、U

2022-06-08 10:33:39 3381

原创【记录】element-ui 输入或搜索数据 el-autocomplete

element-ui 输入或搜索数据 el-autocomplete

2022-06-01 15:10:05 433

原创【记录】前端拿到的字符串数组转数组后经度丢失问题解决字符串数组转数组后经度丢失

场景：后端传了一个字符串数组 “[1531463625753477122,1531463625820585985]”，这里明显用JSON.parse反序列化就转成数组了，但是这个long类型并且它的长度超过了Number类型的最大长度的时候，就会发生精度缺失。所以问题就出现了无法得到正确的Number。前端处理的解决办法：let strArr = "[1531463625753477122,1531463625820585985]"let arr = strArr.split(',')let n.

2022-05-31 11:15:53 364

原创【记录】element el-select下拉滚动加载 vue自定义指令实现el-select下拉滚动加载解决el-select 滚动加载回显问题

由于下拉数据比较多，造成卡顿用户体验极差，所以使用滚动加载的办法提高用户体验方案一：（局部自定义一个指令）第一步（创建指令）export default { directives: { loadMore: { bind(el, binding) { // 获取element，定义scroll let select_dom = el.querySelector('.el-select-dropdown .el-select-dropdown_

2022-05-30 14:47:35 6705

原创 element-ui 实现图标选择器

实现效果图：代码如下：<el-form-item label='菜单图标：' prop='icon' > <el-popover placement="bottom" width="450" trigger="click" > <span slot="reference"> <el-input suffix-icon='data-icon' v-model='form.icon' p

2022-05-27 11:49:21 5152 6

原创 vue element-ui中el-input只能输入数字 el-input只能输入数字

前言：在工作中有这样一个需求在el-input中只允许输入数字解决办法如下：<el-input oninput="value=value.replace(/^\.+|[^\d.]/g,'')" v-model='search.sort' placeholder='请输入'/>

2022-05-24 13:02:50 1648

原创 js用递归实现数组转树状结构数组数组转成树形结构数组

前言：工作中需要将一个扁平的数组转换为嵌套的树状结构的数组// 原始数据结构let region = [ ['北京市','北京市','东城区'], ['北京市','北京市','西城区'], ['北京市','北京市'], ['四川省','成都市'], ['四川省','成都市','高新区'],]// 理想数据结构list = [{ id: "北京市0", index: 0, label: "北京市", pid: "",.

2022-05-24 10:35:08 3161

原创 vue 剪裁图片剪裁头像使用vue-cropper剪裁图片

场景：产品扔出一个需求说：图片随便用户选择不限制但是必须要按照一定的大小对图片进行剪裁方案：为了快速解决这个问题，并且避免重复造轮子直接就使用了vue-cropper效果图如下：第一步：npm install vue-croppernpm install vue-cropper第二步：使用（按需引入）<template> <el-dialog title='裁剪Logo' :visible.sync='visible' :show-cl

2022-05-17 16:25:50 1553

原创【分享】webstorm 配置Prettier 配置.prettierrc自动格式化代码

npm prettiernpm install --save-dev --save-exact prettier在和package,json文件同级下创建一个.prettierrc文件文件中配置你的项目文件格式化内容{ "semi": false, "singleQuote": true, "bracketSpacing": true, "trailingComma":"none", "arrowParens": "avoid"}semi：是否使用分号，默认true，使

2022-05-13 11:53:51 4318

原创 element-ui 中的el-table表格默认的“暂无数据”修改

el-table中当无空数据时会默认显示一个“暂无数据”（附下图），那如果我们想要修改怎么办呢？怎么修改呢？解决办法如下：只需要在el-tbale中的对应的插槽中写入你想展示的数据即可如下图： <el-table :header-cell-style="customHeaderStyle" :cell-style="customCellStyle" :size='customSize' stripe border >

2022-05-09 15:26:20 14774 1

原创【分享】vue使用dayjs vue引用dayjs

npm安装npm install dayjs --savemain.js引入挂载到全局// main.jsimport dayjs from 'dayjs'Vue.prototype.$dayJs = dayjsvue页面调用console.log(this.$dayJs().format('YYYY-MM-DD')) // 2022-05-07js文件中调用import dayjs from 'dayjs'console.log(dayjs().format('Y.

2022-05-07 12:00:24 1331

原创【分享】git stash 防止干扰别人或者新分支工作的git命令

背景：在工作中我们常常会有这样一个工作场景，正在新任务开发中突然你的leader过来，某某你去把x.x.x版本的bug给修复一下，需要马上处理。然而手里正在开发的新功能写到一半又不想提交。那么该怎么办呢？肯定有这种情况：因为当前有文件更改了，需要提交commit保持工作区干净才能切分支。由于情况紧急，只有急忙 commit 上去，commit 信息也随便写了个“暂存代码”或是“…”，于是该分支提交记录就留了一条黑历史。使用git stash命令解决stash在英文意思是隐藏。git stash 的

2022-05-06 14:30:32 278

空空如也

空空如也