自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

vanora1111的博客

给自己学习路上的一些记载

  • 博客(50)
  • 收藏
  • 关注

原创 el-cascader 数据回显 checkbox没有被勾选

el-cascader 数据回显 checkbox没有被勾选

2024-04-30 11:43:24 327

原创 Echarts图标初始化实例的时候传入的参数

canvas跟svg如何选择

2024-02-28 10:01:23 253

原创 git push 报错fatal: unable to access ‘https://github.com/xxx

git push 报错fatal: unable to access 'https://github.com/xxx

2024-01-10 17:07:20 710

原创 Vue中使用dialog弹窗,报错Cannot read properties of null (reading ‘getAttribute‘),并且Echarts图表不显示的解决方案

Vue中使用dialog弹窗,报错Cannot read properties of null (reading ‘getAttribute‘),并且Echarts图表不显示的解决方案

2023-12-07 10:15:24 1115

原创 element-plus 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件

element-plus 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件

2023-11-13 14:31:50 1347 2

原创 vue el-table-column 修改一整列的背景颜色

el-table-column 修改一整列的背景颜色

2023-11-01 09:44:08 3175 4

原创 Vue 模板字符串碰到script无法识别,报错Parsing error: Unterminated template.

Vue 模板字符串碰到script无法识别

2023-10-18 14:53:34 698

原创 Vue 关于组件封装时父子组件通讯的三种方式

使用的是props+emits。

2023-10-12 15:56:36 100

原创 vue3 setup中defineEmits与defineProps的使用案例

vue3 setup中defineEmits与defineProps的使用案例

2023-10-09 11:16:34 2632 2

原创 在Vue里,将当前窗口截图,并将数据base64转为png格式传给服务器

记录来源于需求methods: {});});},try {// 使用转换后的文件进行后续操作},

2023-08-08 17:17:05 1142

原创 el-upload当设置auto-upload为false时,before-upload钩子未触发

三、考虑到用户体验,新增文件必填,并且 当文件上传以后去掉必填校验提示,譬如这个。2、当 :auto-upload="false",组件。1、上传时,组件是否自动上传,可以设置如下属性。2、在watch里监听状态。1、首先定义校验提示。

2023-06-15 17:11:17 3906

原创 Vue 自动编写注释

最近快要交付项目了,有个要求是30%的注释量,所以用node.js写了一个脚本自动生成。接下来看代码吧。

2023-05-24 11:35:19 764

原创 vue 配置跨域访问

npm install axios -S 或 cnpm install axios -S。1、在vue.config.js里配置。在main.js或者单独组件中引用。一、使用axios发送AJAX请求。1、安装axios并引入。2、引入使用axios。

2023-05-23 17:16:19 4925 2

原创 Cesium 绘制经纬网,方格里不显示经纬度

其实调用图层叠加是最好的方式,又省事。但是也记录一下前端自己生成的吧。发现同事调用的图层,代码更加简洁,但API明显是用的公司封装的,等问清楚了 再来补充。

2023-04-24 15:08:17 1052 3

原创 Vue 实现图片拖拽功能

原理:现有一个图片的列表,拖动其中一个图片(触发dragstart),当拖动的图片移动到其他图片的位置(触发dragover),则将拖动的图片从原位置移动到该位置(触发dragend)。dragover:当元素或者选择的文本被拖拽到一个有效的放置目标上时,触发 dragover 事件(每几百毫秒触发一次)。dragstart:当用户开始拖动一个元素或者一个选择文本的时候 dragstart 事件就会触发(我这里没有用)。随意拖动一张图到另外一个图片上面时,两张图片交换位置。

2023-03-28 14:31:05 2613

原创 JavaScript 图片url地址转base64

记录来自于每一次的实际需求;此次需要做的是将拿到的图片,转png格式下载,看了下数据库返回的地址,有png、svg、jpg格式,我的想法是先通通转base64,再处理成png下载。

2023-03-22 11:38:47 4029

原创 使用element-ui里的el-date-picker 时间选择器报错getHours of undefined

el-date-picker 时间选择器报错getHours of undefined

2023-01-04 14:52:08 990 2

原创 配置git账号以及常用命令

git常用命令大全分享

2022-11-17 16:08:49 7062

原创 Vue Element-ui 一键换肤的方案(第二种)

vue 配置两种主题风格的切换

2022-11-16 17:39:44 965

原创 Element UI主题换肤功能

element-ui+vue 支持主题色进行切换

2022-09-19 12:46:55 1022 1

原创 事件循环队列中的宏任务与微任务

栈结构:先进后出队列:先进先出

2022-09-04 22:41:27 382

原创 Javascript之迭代器与生成器

生成器替代迭代器使用

2022-08-30 21:55:03 335

原创 vue 设置对button不能进行短时间的重复触发点击事件

vue中设置按钮不能进行短时间的重复点击而重复的触发事件

2022-08-10 10:09:45 928

原创 手写一个Promise方法设计

手写一个promise

2022-07-31 21:52:53 112

原创 el-date-picker 限制固定开始时间与结束日期,用户只能在此范围内选择

限制固定开始时间与结束日期

2022-07-26 09:22:38 2329

原创 关于Promise的使用

调用一个函数,这个函数中发送网络请求(我们可以用定时器来模拟)如果发送网络请求成功了,那么告知调用者发送成功,并且将相关数据返回过去。如果发送网络请求失败了,那么告知调用者发送失败,并且告知错误信息。............

2022-07-25 21:39:19 710

原创 vue下载xml文件

vue下载xml文件

2022-07-22 18:00:35 2649 5

原创 es6中类的使用

目录class类的构造方法class中的方法定义class中实现继承的过程每个类只能有一个构造函数,如果包含多个构造函数,那么会抛出异常class中的方法定义class中实现继承的过程静态方法: 只能使用类名调用,直接在类上面,不在原型上面(不需要通过实例调用的时候,就可以通过静态方法)。构造方法:定义在constructor里的方法,只有在new创建对象的时候才会调用.....................

2022-06-09 17:21:39 286

原创 javascript模块化编程之CommonJS与EsModule

目录区别环境 两种模式互相加载 同时兼容加载两种格式总结模块化开发的目的是将程序划分成一个个小的结构,这个结构有属于自己的代码逻辑,有自己的作用域,不会影响到其他的结构,这个结构希望暴露的变量,函数,对象给其他结构使用,也可以通过某种方式导入其他结构的变量,函数,对象。这种结构叫模块,按照这种结构划分开发的过程,就是模块化开发的过程值: CommonJS是基于值的拷贝 EsModule是基于值的引用 node.js环境中,后缀的文件默认使用的是CommonJS模块,如果想要使用ES

2022-06-08 11:17:50 581

原创 js之原型链与继承

目录1、构造函数的prototype原型修改2、原型式继承3、借助构造函数继承4、寄生式工厂继承 (不推荐使用) 5、寄生组合式继承 (推荐)

2022-05-27 15:20:05 366

原创 JavaScript之数据属性描述符与存储属性描述符

数据属性描述符value该属性对应的值,默认undefined configurable该属性描述符是否可被改变、是否可被删除,默认为false enumerable该属性是否可被枚举,默认为false writable该属性是否可以被写入新的值,默认为falselet obj = { name: 'test', age: 18 }// 用了属性描述符,那么会有默认的特性Object.defineProperty(obj, 'address', { // ...

2022-05-26 10:54:22 206

原创 js之函数式编程:纯函数与柯里化函数

前言言简意赅的介绍一下,希望能快速帮助到你理解函数式编程。1、纯函数简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。说人话就是:1、在相同的输入值,需产生相同的输出;2、不产生副作用。重要性:1、可以安心的编写和使用,在用的时候保证输入内容不会被轻易篡改,并且确定的输入,一定有确定的输出.// 纯函数function sum(num1, num2) { return num1 + num2}......

2022-05-18 16:04:11 341

原创 JS 将多维对象数组拉平成一维

前言记录一下用过的方法~ 对象数组扁平化代码如下: const array = [{ id: 1, title: "课程 1", children: [{ id: 4, title: "课程 1-1" }, { id: 5,

2022-05-16 15:15:32 804

原创 关于前端的数据算法与结构(持续更新...)

前言整理一下,分享给所有和我一样想深入了解学习的人。一、 关于数据结构1、栈:是一种遵从后进先出(LIFO)原则的数据结构。虽然在我们前端中是没有栈这种数据结构的,但是我们有万能的数组,使用它可以模拟出栈,并且还能衍生出栈的操作方法,我们知道在es标准中数组有两个标准方法push和pop其实,他们就可以表示出栈和入栈的操作方法,class Stack { constructor() { this.stack = [] // 栈的长度 ...

2022-05-16 08:57:04 387

原创 JavaScript数组元素交叉式相乘

总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

2022-05-05 15:07:19 764

原创 js 判读多个数组全部为0 简写版本

今天产品让我优化一下echarts,如果柱状图数据全部为0的话,就显示一个暂无数据的文字提示。按照一般说,如果是一个数组,就判断一下length,如果是多个的话,不太想写很多的if判断。于是我就思考了一下:在这里我用的是every,every()方法用于检测数组中的所有元素是否都满足指定条件(该条件为一个函数)。 every()方法会遍历数组的每一项,如果有有一项不满足条件,则表达式返回false,剩余的项将不会再执行检测;如果遍历完数组后,每一项都符合条,则返回true。 array.e..

2022-04-28 15:50:56 1274

原创 el-tree 动态渲染值对已知节点disabled

我这里是已知节点的数据 判断节点id来设置disabled。在data中配置el-tree的props。项目需求要把其中的某一个节点设置为禁用。从后台动态获取的树的数据。

2022-04-27 15:40:16 1979

原创 elment-ui el-pagination 缩减页码的显示值

根据产品大大的指挥 来修改样式总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...

2022-04-21 13:48:00 2531 1

原创 前端经典面试题之:Typescript会取代Javascript

会吗????关于JavaScript因为JavaScript本身长期是没有对变量,函数参数等类型进行限制的,这可能给我们的项目带来某种安全隐患。譬如Facebook推出flow来对js进行类型检查,微软推出Typescript,都是在为js提供类型检查,而不是取代js关于Typescript在Typescript的官方文档中写着: 源于JavaScript,归于JavaScript,它只是在JavaScript的基础上进行了扩展,并且Typescript最终还需要转换成JavaScrip

2022-04-15 10:32:23 800

原创 echarts饼状曲线图,中间显示总数

记录一下吧今天在工商银行理财app也看到了这个饼,觉得应用场景还挺多的。记是记不住的,那就写下来吧!需要实现的效果如下:我直接在echarts官网改的。下面贴代码:import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;var datas = [ ////////.

2022-04-11 18:22:23 13971 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除