EV曦-CSDN博客

原创 node版本管理工具nvm的安装使用教程

nvm是node版本的管理工具，一般一台电脑只能安装一个版本的node，如果我们需要安装另一个版本的node，则需要卸载之前安装的node然后安装新的；在日常开发中，个别项目所依赖的node版本是不相同的，这时随意切换node版本去开发项目就显得很有必要了。指定查看设置是否成功，设置成功，将出现箭头的样式，即当前使用的版本前带星号，且后面有括号说明，也可输入。，出现如下信息说明安装成功，我们可以多安装几个版本的，这里我还安装了。自行选择版本，我这里下载的是1.1.17版本的，选择。

2023-03-13 20:51:01 1849 1

原创 Vue实现24小时倒计时

【代码】Vue实现24小时倒计时。

2023-02-28 11:52:47 461

原创十大排序详解js实现（冒泡，插入，选择，快排，归并，希尔，计数，堆，桶，基数）

排序算法

2022-11-29 22:27:17 400

原创 Vue自定义指令

钩子函数的参数 (el、binding、vnode 和 oldVnode)。使用 Vue.directive(“name”, { }）进行定义，name是自定义指令名称，使用时为v-name；{}里可写相关的钩子函数main.js文件二、局部自定义指令页面directives选项中注册局部自定义指令...

2022-07-11 17:21:46 395

原创动态改变elementUI的输入框样式

在需要动态改变的输入框外边套一层div，在div上绑定class样式css样式

2022-07-11 17:16:53 1027 1

原创 letcode 2171. 拿出最少数目的魔法豆

最少魔法豆

2022-07-06 10:59:20 132

原创 letcode 523. 连续的子数组和【前缀和and同余】

以下是lecode的一道题，可以用前缀和+同余的思想进行解题前缀和顾名思义就是一个求和运算，前多少项的和，我们用Sn表示就是 Sn = a0+a1+ …+an，现在有一个数列 11，2，8，6，9，7 那么它的前缀和数列就是，S1=11， S2=11+2=S1+2=13， S3=11+2+8=S2+8=21， S4=11+2+8+6=S3+6=27， S5=11+2+8+6+9=S4+9=36， S6=11+2+8+6+9+7=S5+7=43 。求区间和，最常被用作求某一个区间的和：Sj - Si

2022-07-01 14:57:02 169

原创 css预编语言sass使用语法详解

示例代码2. 嵌套css规则示例代码2.1 标识符&示例代码2.2 群组选择器的嵌套选中某元素下的两个元素，设置一样的属性选中不同元素下的相同元素或相同id/class，设置一样的属性示例代码2.3 >、+和~示例代码...

2022-07-01 14:16:55 646

原创第十届蓝桥杯JavaB组真题

第十届蓝桥杯JavaB组真题组队本题总分：5 分【问题描述】作为篮球队教练，你需要从以下名单中选出 1 号位至 5 号位各一名球员，组成球队的首发阵容。每位球员担任 1 号位至 5 号位时的评分如下表所示。请你计算首发阵容 1 号位至 5 号位的评分之和最大可能是多少？这个比较简单，可以直接手算，答案：490不同子串本题总分：5 分【问题描述】一个字符串的非空子串是指字符串中长度至少为 1 的连续的一段字符组成的串。例如，字符串aaab 有非空子串a, b, aa, ab,

2022-06-23 11:22:36 92

原创 Vue修饰符.sync（Avoid mutating a prop directly since .......报错的一种解决方案）

我们都知道，子组件在修改父组件传过来的props时会报错，如下图当我们跨父子组件想要修改数据时，需要父子组件通讯，父传子：在子组件绑定数据然后子组件用props接收，而子传父，则是父组件需要在组件上绑定事件，子组件使用$emit传递事件；这样的数据修改写起来显得有些麻烦，.sync这个修饰符就是一个缩写以上子组件修改父组件数据的写法语法：父组件子组件修饰符其实是以下代码的缩写把需要传递的基本数据类型值放入对象中，子组件中修改对象中的值就不会报错了，原理是对象是复杂数据类型，子组件接收到的对象和父

2022-06-22 14:59:46 605

原创 Git拉取远程分支到本地及推送代码到远程分支

一、拉取远程某一分支到本地在本地新建一个空文件夹在空文件夹下右键点击Git Bash Here打开Git初始化： git init建立连接： git remote add origin 远程仓库地址eg：git remote add origin [email protected]:XXXX/nothing2.git把远程分支拉到本地：git fetch origin 远程分支名eg：git fetch origin development在本地创建分支并切换到该分支：git checkou

2022-06-14 16:24:00 548

原创 var和let区别

1.var声明的变量会被挂载全局对象window上，而let则不会var a = 1;console.log(window.a) //1let b = 1;console.log(window.b) //undefined2.var可以重复声明同一个变量后者将覆盖前者，而let声明的变量不可以被重复声明var a=1;var a=2;console.log(a); //2----------------------------let b=3;let b=9; //报错：Identi.

2022-06-14 16:16:43 87

原创 Js事件循环

事件循环（evevt loop）事件循环处理流程同步操作顺序执行遇到异步操作添加到任务队列中异步操作中的宏任务放入任务队列中的宏任务队列中，异步操作中的微任务放入任务队列中的微任务队列中。当同步操作执行完毕后，执行任务队列，先将微任务队列中的异步操作全部执行完毕，再执行宏任务中的异步操作............

2022-06-14 15:22:50 65

原创 vue项目axios请求封装

前言此封装没有什么复杂的内容都是一些基本操作，因此较适合小白，复制黏贴即可用。一、为什么要封装请求小型的项目是完全可以不封装的，中大型项目非常建议封装一下，有些接口是重复调用的，那样你就需要重复去写，而且当接口修改时，你就需要去找n个调用了这个接口的页面，然后一个个的重复修改，这样是不是很麻烦。如果封装在一个文件里面，那找起来是不是就容易了，对于多次使用的接口，接口的请求写一遍，在使用的页面只需调用就行了。二、创建axios实例并导出在src目录下新建一个utils目录，在utils目录下建一个r

2022-06-09 15:13:54 1127

原创防抖和节流

目录前言一、什么是防抖二、什么是节流三、手动实现防抖节流1.防抖（debounce）2.节流（throttling）前言防抖和节流都是用于减少触发频率，减少js对dom的操作，提高性能，用于频繁触发的事件mousedown、mousemove、keyup、keydown等一、什么是防抖防抖是指事件触发后在延迟一定的时间再去执行，若在延迟时间内再次触发则重新计算延迟时间；打比方:大巴车总要等到最后一位乘客上车一分钟后再出发，这时A乘客上车了，大巴车开始倒计时一分钟，但倒计时未结束时，B乘客

2022-06-06 15:22:29 722

原创 js闭包问题

1.作用域作用域是指变量的可访问性（变量起作用的一个范围），分为：全局作用域局部作用域局部变量只能在对应的局部作用于中访问每个

2022-05-31 15:57:46 184

原创 js事件委托解析

一、什么是事件委托事件委托的原理就是利用事件冒泡，即是利用事件冒泡把子元素所需要响应的事件绑定到父元素，这样事件只需绑定到父元素即可而不需要每个子元素都去绑定事件，这样大大提高了性能。可事件委托的事件有click、mousedown、mouseup、keydown、keyup、keypress 等实现函数<div id="bnt"> <button id="bnt1">hello button1</button> <button id="bnt2">

2022-05-26 17:29:32 1173 1

原创 js的call()、apply()、bind()解析

一、call()、apply()、bind()的异同call()、apply()、bind()都是用于改变this指向的方法，不同点参数定义不太相同call（）是接收一个及其以上的参数，第一个参数表示this要指向的对象，其余参数表示Array.prototype.slice.call()实现将一个具有length属性的对象转化为数组Array：数组的构造函数（数组类）prototype: 原型对象（构造函数的一个属性）；slice：是一个数组方法，他用于截取数组。两个参数一个表示截取开始位

2022-05-26 17:25:01 3885 1

原创 Js的深拷贝与浅拷贝

一、 JavaScript的数据类型基本数据类型：String，Number，Boolean，Symbol，BigInt，undefined，null基本数据类型的数据保存在栈内存中（名字与值都存在栈中）引用数据类型：Object、Array、Function、Date，Map，Math 等引用数据类型的数据保存在堆内存中（名字存在栈中，值存在堆中，栈内存会提供一个引用的地址指向堆内存中的值）深拷贝与浅拷贝只存在于引用数据类型中浅拷贝：只拷贝一层，仅仅是复制了引用的地址去指向内存，彼此之间

2022-05-19 16:32:31 122

原创 js数组方法sort，splice等详解

系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可

2022-05-11 10:28:52 311

原创 react学习之案例todolist

基础学习在学习本篇小案例之前，请确保你已经学习了react基础知识，如果没有学，可以进行基础学习后再来这里，基础学习传送门todolist包含展示任务，添加任务和删除任务功能这几个小功能分析：任务清单的展示需要用到数组，因此我们需要在state中定义一个清单数组，添加功能需要取输入框中的值，因此需要在state中定义变量去存输入框中的值，添加完毕需要更新展示清单列表，因此需要用到setState去设置清单数组的值，删除对应的任务，需要传任务的下标值进行对应任务的删除。初始赋值输入框val

2022-04-25 18:00:40 269

原创 CSS绘图（三角形，扇形，心形等）

以下一些图形的绘画将依赖边框属性来进行创作，因此我们先来了解一下边框border这个属性，先画一个正方形并为它定义四边不一样颜色的边框，将边框值设置大一点便于观察.box{ width: 100px; height: 100px; border: 20px solid; border-color: red blue black green; }.point{ width: 0; height: 0; border: 70px solid; border-color: red blue

2022-04-20 14:40:01 656

原创 flex布局详解

1. flex（弹性布局）弹性布局的设置，只需将dispaly属性设置为flex即可，每一个设置了弹性布局的元素称为flex容器，弹性布局的属性主要分为两大类，一类是作用于容器上，另一类则是作用于容器中的子元素。.container{ display:flex}2. 容器上的属性flex-direction 属性，表示主轴方向既容器中的子元素排列方向，可选值：row ：默认值，从左到右|row-reverse ：从右到左column ：从上到下column-reverse ：从下

2022-04-19 15:11:05 1041

原创 elementui弹窗Dialog添加append-to-body后修改原样式无效

1. 为什么要添加append-to-body属性在写弹框嵌套时我们需要添加append-to-body属性，否则后弹出的框就会有遮盖层遮挡，如下图2.为什么会修改无效我们想改变某个弹窗的原来样式，通常是在该弹框外包一个div，然后修改该div下的dialog样式，但是添加append-to-body属性为true后，Dialog 将插入 body 元素上，也就是说它并不在该div元素之下了，因此修改无效。3.添加了append-to-body属性的dialog样式修改方式在dilog组件上定义c

2022-03-08 10:35:00 10541

原创 elementui日期选择禁用问题（开始日期小于结束日期or选择大于当前日期）

一、选择大于等于当前日期<el-date-picker v-model="searchForm.startDate" :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择开始日期" />export default { data() { return { pickerOptions: { disabledDate(time) {

2022-01-25 18:30:48 3327 1

原创 Vue项目中elementUI表单部分验证validateField以及星号显示等问题

一、红色必填星号红色星号不显示，可能是没有正确填写prop和字段名称，检查一遍有验证规则但不想加红色星号，可以在el-form标签上加：hide-required-asterisk=“true”当没有添加验证规则，但又要加上红色星号，可以在el-form-item标签上加：required=“true”二、填写后某些表单项仍然有错误提示，用validateField（prop）重新验证<el-form :model="ruleForm" :rules="rules" re

2021-12-28 16:49:39 9155

原创 js常见面试代码题

1.数组扁平化递归实现function arrflatten(arr,res){ arr.forEach(item=>{ //元素是数组则调用自身函数进行递归 if(Array.isArray(item)){ arrflatten(item,res); }else{ //元素不是数组添加到结果数组中 res.push(item); } }) return res;}let arr=[1,2,[3,4,[5,6]],7,8,[9

2021-12-21 17:09:12 674

原创 Vue插槽的使用解析

什么是插槽为什么要使用插槽

2021-12-17 17:20:50 393

原创 JavaScript Promise 对象

1.同步与异步同步：事件按照顺序执行，打比方，去早餐店排队买包子，A排在B的前面，A买的是肉包子，然而肉包子还没蒸熟，B买的是菜包子有现成的，但是店主说他要服务完A才能服务B，这就导致B必须要等肉包蒸熟才能买到自己要的菜包子。这就导致了阻塞。异步事件...

2021-11-30 10:20:04 510

原创 vue项目中封装elementui表格组件的使用；elementui可编辑表格

1. 在components里创建一个文件夹，在文件夹里创建一个el-table.vue组件，组件代码如下<template> <div class="elTableModule"> <el-table :data="tabOptions.tableData" border style="width: 100%;"> /* 使用插槽去自定义表格最左边一列的内容，例如表格需加入多选框列时*/ <sl

2021-11-12 16:57:37 3286 2

原创 vue的混入（mixins）

1.什么是混入混入 (mixin) ：是一种分发Vue组件中可复用功能的非常灵活的一种方式。混入对象（mixins）是一个js对象，它可以包含我们组件中script项中的任意功能选项，如data、components、created、methods 、computed、watch等等。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。2.创建Mixins在src目录下创建一个mixins文件夹，文件夹下新建自己要定义的混入对象js文件。使用对象的形式来定义混入对象，在对象中可定义与v

2021-10-26 16:26:17 12669 3

原创 vue文件上传和下载

文件上传这里使用elementui组件库的文件上传组件1.手动上传（文件选取后需点击确认上传）action：上传地址auto-upload：是否在选取文件后立即进行上传，默认true手动上传要将其设置为falsebefore-upload ：上传文件之前的钩子，参数为上传的文件，上传格式的规定要求可在此钩子函数中写（示例中规定上传格式xlsx或xls）on-success ：文件上传成功时的钩子，function(response, file, fileList)ref ：注册DOM对象（点

2021-10-16 16:50:42 3935

原创 Vue集成环信

Vue集成环信步骤详解（这里例子介绍一对一单聊）效果图1.注册登陆环信并创建用户步骤：注册 => 登录 => 创建应用 => 创建应用用户登录注册：环信登陆注册页面（https://console.easemob.com/user/login）创建应用（ps：应该有一个试用的，就是应用列表第一个，有的话可不用再创建）【创建应用】页面：appname：应用的ID，唯一Appkey：环信自动生成的一串唯一标识，用来区别应用产品名称：根据自己的需求填写描述：根据自己的

2021-08-11 14:14:25 1442 2

原创时间戳日期格式化

时间戳日期格式化（封装运用于vue项目中）效果图1.新建format.js文件2.相关代码//时间戳日期格式化export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMon

2021-08-06 14:14:03 395

原创字符串拼接空格&nbsp无效解决方法

字符串拼接空格要达到的效果只需加上 \xa0，要空几个就加几个相关代码let deviceName='机器:'+value.date+'\xa0\xa0\xa0'+'本月每日使用情况';

2021-07-31 14:44:15 2288

转载 springboot项目集成redis测试报错Could not get a resource from the pool

redis测试报错 redis JedisConnectionException: Could not get a resource from the pool1.查看是否开启了redis服务2.查看是否是redis密码的问题（本人就是）下面我介绍关于一下redis密码的相关问题默认redis是密码为空的，可以不设置。但有时候项目集成redis时配置是要求必须有密码，没有密码而将其设置为空也无法通过会报错。那我们就给redis设置一个密码，在redis目录下找到redis.windows.conf

2021-04-22 23:01:40 816

空空如也

空空如也