自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 el-table表格编辑时输入校验

2.点击输入框输入,点击某一个字段,即正在输入状态,这个字段的校验结果就会被清除(clearValidate)1.不输入数据,直接点击“提交”触发校验,由于数据没有输入,校验不通过,给出校验提示。4.校验通过,显示全屏提示是否提交,点击“确定”即可,控制台会打印“校验通过。2.由于每行都需要校验,因此需要借助scope.$index。外层嵌套一层el-form,使用el-form的校验机制。3.数据都填好之后,点击“提交”,再次触发校验。1.需要借助el-form的校验,

2024-04-30 14:45:25 757

原创 使用amfe-flexible和postcss-px2rem解决VUE移动/PC端适配

例如我们设置的单位是37.5,设置div的宽度为75px,则换算后为2rem。该插件将网页平均分成10等份,然后设置html跟标签的font-size。转换方法是rem = px /(我们设置的值)该插件将我们经常使用的px转换成rem。

2024-03-01 09:19:53 391

原创 前端vue2 项目全局水印效果

2、main.js中调用。1、新建sy.js文件。

2024-02-26 16:00:54 483

原创 vuedraggable由vue2版本升级vue3版本遇到的问题

1、vue3+vuedraggable报错TypeError: Cannot read properties of undefined (reading ‘updated’):这个一般是因为插件使用语法有问题,vue3版本的插件使用时,v-for不能。2、报错 draggable element must have an item slot:这报错也是因为没有写item插槽,按照上面的语法写了插槽后,这报错就能解决。上面示例中div上面的元素已经注释,仍会出错。以上是插件最简几行代码,这四行不能缺失。

2023-12-14 15:16:52 2689

原创 v-for获取ref(vue2/3中获取动态ref)

【代码】v-for获取ref(vue2/3中获取动态ref)

2023-10-27 14:35:24 849

原创 虚拟dom第一次创建为真实dom及更新dom

【代码】虚拟dom第一次创建为真实dom及更新dom。

2023-10-21 17:56:49 106 1

原创 call、apply、bind的用法函数及手写实现

apply接受两个参数,第一个参数是this的指向,第二个参数是函数接受的参数,以数组的形式传入改变this指向后原函数会立即执行,且此方法只是临时改变this指向一次thisArg:函数运行时this指向的对象,必填argsArray:函数运行时传递的参数,数组形式,选填。

2023-09-19 17:46:40 90

原创 CSS中,display:none、visibility:hidden 和 opacity:0 之间的区别

display:none 隐藏之后不占位置,该元素和它所有的后代元素都会被隐藏,也无法使用屏幕阅读器等辅助设备访问;visibility:hidden 会被子元素继承,通过设置子元素visibility:visible来显示子元素。opacity:0 会被子元素继承,但是不能设置子元素opacity:0来重新显示。display:none 不会被子元素继承,父元素都不存在了,子元素也不会显示出。display:none 的元素都已经不再页面存在了,因此无法触发它绑定的事件。5、是否会产生生回流和重绘。

2023-09-19 17:27:04 689 2

转载 JS实现继承的6种方式

js继承

2023-09-15 16:21:40 59

原创 vue3+vite项目使用svg

vue3+vite项目使用svg

2023-09-15 14:12:21 655 2

转载 vue2和vue3中点击复制粘贴

2-3、给 复制icon图标 添加点击 @click=“copyText(row)” 事件。//.then()中的函数是复制成功和复制失败的两个回调函数。Message(‘复制成功!’, ‘success’)点击复制小图标进行内容的复制,然后提示复制成功!Message(‘复制失败,请重试!2、Vue2(点击复制粘贴功能的实现)3-3、解构api、定义methods。2-2、main.js 全局导入。2-4、methods实现功能。4、复制技术的实现原理。2-1、安装库并引入。//参数是复制的内容。

2023-08-24 21:11:47 191 1

原创 JS实现深拷贝(解决循环引用等问题)

函数的深拷贝暂时没有思路,用 new Function(fn.toString()) 会有些问题,所以直接拷贝引用了。,主要是需要针对不同的数据类型(null, 数组,Date,正则表达式 等)进行精细的处理,并且用。解决循环引用,避免陷入死循环。

2023-05-12 16:31:50 465

原创 Mac下的nodeJs版本切换和升级

在我们开发多个项目的时候,因为框架支持的版本不同,所以要切换多个node版本首先我们要使用npm安装一个模块 n 的全局。

2023-05-08 17:15:01 810

原创 Mac终端操作命令总结

CTRL+X:按住CTRL,双击 X 可以进行当前位置与行首位置,进行切换。CTRL+W:删除光标前一个单词(根据空格识别单词分隔)CTRL+Y:粘贴之前(CTRL+U/K/W)删除的内容。前进后退文本文件⌘+⌃ +←or→。ESC+B:光标向左移动一个单词。ESC+F:光标向右移动一个单词。CTRL+U:删除光标前所有字符。CTRL+K:删除光标后所有字符。.m.h切换 ⌘+⌃ +↓or↑。CTRL+A:移动光标至行首。CTRL+E:移动光标至行尾。关闭当前文本文件⌘+⌃+w。fn——功能键就是fn。

2023-03-28 11:51:40 4452

原创 省市县联动结合Promise使用

Promise使用

2023-03-24 17:03:12 86

原创 Git提交单个或者多个文件

Git 提交单个文件

2023-03-07 16:51:05 4089

原创 手写Promise

手写promise

2023-02-20 19:38:59 70

转载 vue-infinite-scroll 搭配使用ant-design-vue 弹窗dialog无法触发loadMore方法

vue-infinite-scroll 搭配使用ant-design-vue 弹窗dialog无法触发loadMore方法

2023-02-16 12:03:08 559

原创 vue-pdf实现放大、缩小

使用width:%会出现问题所以使用transform:scale(1)注意:vue不提供 transfrom:scale(1.5) ; 会报错 ,错误是 "TypeError: _vm.scale is not a function";原因:Vue将其误认为scale是函数解决方法:可以使用模板字符串<template> <div class="wrap" ref="message" :style="scaleFun"> <

2022-04-24 16:23:15 3580

原创 前端如何处理十万级别的大量数据

前言写博客主要是用来总结、巩固知识点,加深自己对这个知识点的理解。同时希望帮助到有需要的人。如有不正确的地方。可以在评论区指出。你们的支持。是我不断进步的源泉。简单说明下这是一道面试题,刚开始面试官为我前端如何处理大量数据。我第一时间就脱口而出用分页呀!面试官说那是从后台的角度来考虑的。从前端的角度呢?emmmmm...我思考了一下,分批加载,懒加载。监听用户的滑动分批显示数据。接着又问,如果我要对这些大量数据做计算做处理呢,同时又不能让页面崩掉、假死。该如何操作呢?顿时我就懵逼了,这。。这个要

2021-07-26 09:55:58 1270

原创 ES6 Object.assign()的用法

1.Object.assign()基本用法:Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target)。它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。let targetObj1 = { a: 1 };let sourceObj1 = { b: 1 };let sourceObj11 = { c: 3 };Object.assign(targetObj1, sourceObj1, sourceObj11);console.

2021-03-11 19:36:04 223

原创 ES6...扩展符

一、将一个数组转为用逗号分隔的参数序列。(若数组为空不产生任何效果)    console.log(1, …[2, 3, 4], 5)     // 1 2 3 4 5    […document.querySelectorAll(‘div’)]     // [, , ]二、复制数组(a2复制a1,这种方法之后再改变a2也不会影响到a1) &nbsp

2021-03-06 16:05:24 155

原创 Promise

Promise 对象有以下两个特点:1、对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:pending: 初始状态,不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来,它的英语意思就是「承诺」,表示其他手段无法改变。2、一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有

2021-03-05 11:43:17 89

原创 electron

@electronElectron实现关机操作#const { exec } = require(‘child_process’)exec(‘shutdown /s /t 0’)

2020-12-02 11:51:50 169

原创 flex布局

flex布局flexflexflex是弹性布局,使用flex布局需要注意浏览器兼容性问题,需要IE10以上的浏览器才支持这个属性。flex跟传统布局不一样,没有块级和内联的概念。flex由两部分组成,父容器flex container,子元素flex item。另外一个flex有主轴和侧重,里面元素的排列方式是基于主纵轴排列的。弹性布局下float不生效,相邻margin不重叠,column不起作用,clear属性没有效果,vertical-align没有效果。伪元素first-line和first-l

2020-11-08 20:41:41 446 1

空空如也

空空如也

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

TA关注的人

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