- 博客(26)
- 收藏
- 关注
RSS订阅原创 el-date-picker日期和时间选择范围限制，年月日时分秒
需求：会议预约界面，开始时间以及结束时间不允许选择当前时间之前；结束时间必须大于开始时间template部分：<el-date-picker v-model="baseForm.startTime" type="datetime" value-format="timestamp" size="small" :placeholder="'开始时间'" :picker-options="pickerOptionsStart"></el-
2024-10-11 14:49:39
488
1
原创 el-table表格编辑时输入校验
2.点击输入框输入，点击某一个字段，即正在输入状态，这个字段的校验结果就会被清除（clearValidate）1.不输入数据，直接点击“提交”触发校验，由于数据没有输入，校验不通过，给出校验提示。4.校验通过，显示全屏提示是否提交，点击“确定”即可，控制台会打印“校验通过。2.由于每行都需要校验，因此需要借助scope.$index。外层嵌套一层el-form，使用el-form的校验机制。3.数据都填好之后，点击“提交”，再次触发校验。1.需要借助el-form的校验，
2024-04-30 14:45:25
1062
1
原创 使用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
556
原创 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
3399
原创 call、apply、bind的用法函数及手写实现
apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入改变this指向后原函数会立即执行，且此方法只是临时改变this指向一次thisArg：函数运行时this指向的对象，必填argsArray：函数运行时传递的参数，数组形式，选填。
2023-09-19 17:46:40
120
原创 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
1218
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
264
1
原创 JS实现深拷贝（解决循环引用等问题）
函数的深拷贝暂时没有思路，用 new Function(fn.toString()) 会有些问题，所以直接拷贝引用了。，主要是需要针对不同的数据类型（null, 数组，Date，正则表达式 等）进行精细的处理，并且用。解决循环引用，避免陷入死循环。
2023-05-12 16:31:50
513
原创 Mac下的nodeJs版本切换和升级
在我们开发多个项目的时候，因为框架支持的版本不同，所以要切换多个node版本首先我们要使用npm安装一个模块 n 的全局。
2023-05-08 17:15:01
884
原创 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
5059
转载 vue-infinite-scroll 搭配使用ant-design-vue 弹窗dialog无法触发loadMore方法
vue-infinite-scroll 搭配使用ant-design-vue 弹窗dialog无法触发loadMore方法
2023-02-16 12:03:08
693
原创 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
3735
原创 前端如何处理十万级别的大量数据
前言写博客主要是用来总结、巩固知识点，加深自己对这个知识点的理解。同时希望帮助到有需要的人。如有不正确的地方。可以在评论区指出。你们的支持。是我不断进步的源泉。简单说明下这是一道面试题，刚开始面试官为我前端如何处理大量数据。我第一时间就脱口而出用分页呀！面试官说那是从后台的角度来考虑的。从前端的角度呢？emmmmm...我思考了一下，分批加载，懒加载。监听用户的滑动分批显示数据。接着又问，如果我要对这些大量数据做计算做处理呢，同时又不能让页面崩掉、假死。该如何操作呢？顿时我就懵逼了，这。。这个要
2021-07-26 09:55:58
1305
原创 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
254
原创 ES6...扩展符
一、将一个数组转为用逗号分隔的参数序列。（若数组为空不产生任何效果） console.log(1, …[2, 3, 4], 5) // 1 2 3 4 5 […document.querySelectorAll(‘div’)] // [, , ]二、复制数组（a2复制a1，这种方法之后再改变a2也不会影响到a1）  
2021-03-06 16:05:24
181
原创 Promise
Promise 对象有以下两个特点:1、对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：pending: 初始状态，不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来，它的英语意思就是「承诺」，表示其他手段无法改变。2、一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise 对象的状态改变，只有
2021-03-05 11:43:17
97
原创 electron
@electronElectron实现关机操作#const { exec } = require(‘child_process’)exec(‘shutdown /s /t 0’)
2020-12-02 11:51:50
229
原创 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
483
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人