- 博客(55)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 React组件通信方式
在 React 中，组件通信方式多样，常见的有：Props 传递（父子组件通过 props 传值，子组件通过回调函数向父组件传值）；Context API（跨层级组件共享数据）；状态管理库（如 Redux、MobX 管理全局状态）；事件总线（通过自定义事件实现非父子组件通信）；Refs（直接操作子组件或 DOM 元素）。此外，状态提升（将共享状态提升到共同父组件）和 Portals（渲染到 DOM 树的其他位置）也是常用方式。根据场景选择合适的通信方式，确保代码清晰可维护。
2025-01-13 08:30:00
919
原创 js常用操作
它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。判断一个数组中是否包含某个元素，array是要进行检查的数组，element是要查找的元素，start是可选参数，表示开始查找的位置，默认为0。filter()方法创建一个包含所有通过测试函数的元素的新数组。map()用于对数组中的每个元素执行指定操作，并返回一个新的数组，新数组的元素是对原数组元素操作后的结果。可以获取到一个数组，数组中会存放可枚举属性的键值对数组。运算符，可以对数字来计算平方。
2023-12-13 16:16:13
752
原创 一些字符串API
: 返回字符串中指定索引位置的字符。: 返回从指定索引开始到字符串结尾的子字符串。: 返回从指定索引开始到指定索引结束尾的子字符串。: 返回一个将字符串全部转换为小写字母的新字符串。: 返回一个将字符串全部转换为大写字母的新字符串。: 判断字符串是否为空（长度为0）。: 返回一个移除了字符串开头和结尾的空格的新字符串。: 返回指定字符串在当前字符串中第一次出现的索引位置。: 检查当前字符串是否以指定的前缀开头。: 检查当前字符串是否以指定的后
2023-10-24 09:50:49
355
原创 docker部署hadoop集群（docker-compose模式）
Hadoop 集群被成功启动后，可以通过如下 URL 访问各节点。先下载下来，修改其中的docker-compose.yml。
2023-03-14 14:50:42
1008
原创 poi excel 校验(超多校验条件)
poi excel 校验文件名称是不是超过100字符，在校验类型符不符合xls,xlsx格式，在校验模板是不是我们提供的，符合在校验写的内容是不是超了10000行（不包括表头） 在校验是不是满足要么第一列全有，要么第二列全有，要么前俩列都有，不允许交叉出现。其他列出现的内容不统计，若不满足，则告知第几行为空，若满足然后还需校验满足条件的内容存不存在重复的内容，若存在，告知哪一个内容是重复的。都满足了才允许上次成功，并告知长传成功了几个卡号卡密。
2022-10-02 10:46:15
1440
原创 elementPlus popover的高度以及自适应位置
借助属性，当Popover弹出框的位置接近边界时，应该自动切换到相反的方向进行显示
2022-09-03 17:19:00
9677
2
原创 vue3 route和router的区别以及如何传参数接受参数，如何像vue2一样使用$route和$router详解
因为我们在 里面没有访问 ，所以我们不能再直接访问 或 。作为替代，我们使用 和函数,或者 Vue3 中提供了一个 方法来获取当前 Vue 实例Vue Router 和 组合式 API | Vue Router (vuejs.org)vue3 是用来操作路由的，是用来获取路由信息的。route.path 字符串，等于当前路由对象的路径，会被解析为绝对路径，如/home/ewsroute.params 对象，包含路由中的动态片段和全匹配片段的键值对，不会拼接到路由的url后面route.query 对
2022-08-23 10:25:19
7293
原创 vue3 defineProps defineEmits defineExpose
vue3 defineProps defineEmits defineExpose
2022-08-17 16:31:45
3563
1
原创 docker部署Calibre-Web书库
这个是第三方的镜像（不使用官方的）Calibre-web是一个web应用程序，使用有效的Calibre数据库，为浏览、阅读和下载电子书提供了一个干净的界面。
2022-07-31 20:27:29
5092
原创 docker安装UnlockMusic(音乐格式转换工具 )
UnlockMusic音乐解锁由于DMCATakedown，暂时移除仓库所有代码以及Commits演示地址https镜像地址https项目地址https。
2022-07-31 20:25:50
40365
2
原创 docker安装网易云音乐(yesplaymusic)
演示地址https镜像地址https项目地址https✨特性✅使用Vue.js全家桶开发🔴网易云账号登录（扫码/手机/邮箱登录）📺支持MV播放📃支持歌词显示📻支持私人FM/每日推荐歌曲🚫🤝无任何社交功能🌎️海外用户可直接播放（需要登录网易云账号）🔐支持UnblockNeteaseMusic，自动使用各类音源替换变灰歌曲链接（网页版不支持）「各类音源」指默认启用的音源。YouTube音源需自行安装yt-dlp。...
2022-07-31 20:08:58
6570
1
原创 springboot Ip浏览器信息
官方ip2region-准确率99.9%的离线IP地址定位库，0.0x毫秒级查询，ip2region.db数据库只有数MB，提供了java,php,c,python,nodejs,golang,c#等查询绑定和Binary,B树,内存三种查询算法其实就是一个库，用于IP地址解析定位用的，支持很多客户端，速度很快也不占内存，目前github已经到了10kstar了特性速度快，内置三种查询算法，支持毫秒级查询,全部的查询客户端单次查询都在毫秒级别，内置了三种查询算法。...
2022-07-15 11:21:49
1629
1
原创 Gradle
Gradle 是一款Google 推出的基于 JVM、通用灵活的项目构建工具，支持 Maven，JCenter 多种第三方仓库;支持传递性依赖管理、废弃了繁杂的xml 文件，转而使用简洁的、支持多种语言(例如：java、groovy 等)的 build 脚本文件。官网地址: https://gradle.org/学习Gradle 的原因：总之，虽然目前市面上常见的项目构建工具有Ant、Maven、Gradle，主流还是Maven，但是未来趋势Gradle。: 2000 年 Apache 推出的纯Java 编
2022-07-08 10:11:38
1965
原创 解决vue-route路由query不同参数跳转同一页面时数据不会更新问题
解决vue-route路由query不同参数跳转同一页面时数据不会更新问题演示
2022-06-08 15:46:54
2558
原创 SpringBoot 2.4.0版本后解决跨域问题（较之前的版本有些变化）
前后端分离是目前的趋势， 解决跨域问题也是老生常谈的话题了，我们了解一下什么是域和跨域。域：协议 + 域名 + 端口；三者完全相同则为同域，反之有其一不同均为不同域。跨域请求：当前【发起请求】的域和【请求指向】的域属于不同域时，该次请求称之为跨域请求。【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB【2】无法接触非同源网页的 DOM【3】无法向非同源地址发送 AJAX 请求对于 CORS的跨域请求，主要有以下几种方式可供选择：注意:在任意配置类，返回一个 新的 Co
2022-06-04 20:39:07
2508
原创 vue3-colorpicker（颜色选择器支持渐变色）
vue3-colorpicker非常漂亮的一款拾色器,支持多种颜色格式的输入输出,支持渐变色选择。注意：本文档适用于 v2 以上版本。如果您正在使用旧版本，请参阅 v1 分支。v2 版本为破坏性更新，不再支持 v1 中的某些功能,请谨慎使用。在线 demo 演示English中文安装yarn add vue3-colorpicker或者npm install vue3-colorpicker如何使用https://aesoper101.github.io/vue3-colorpic
2022-05-22 17:45:28
16603
9
原创 vue3 el-image大图预览显示在父组件,无法全屏显示的问题
vue3 el-image无法全屏显示的问题解决方案：再el-image 里面加上:preview-teleported=true <el-table-column fixed="left" label="图片地址" width="350"> <template #default="scope"> <el-carousel :interval="2000" arrow="always" height="230px">
2022-05-07 14:21:17
2137
2
原创 在 Vue 3 和 Vite 安装 Tailwind CSS
在 Vue 3 和 Vite 安装 Tailwind CSS在 Vue 3 和 Vite 安装 Tailwind CSS - Tailwind CSS 中文文档安装 Tailwind 以及其它依赖项:目前最新的tailwindcss 3.0.24，我们这里用2.2.19,因为有些配置改了npm install -D tailwindcss@2.2.19 postcss@latest autoprefixer@latest接下来，生成您的 tailwind.config.js 和 postcss.
2022-05-07 14:02:00
5788
6
原创 java反射入门
反射入门什么是反射机制？在方法区存在这么一些对象，叫做类对象，他们表述了我们写的所有的类，当我们new对象时会根据这些类对象，并调用其构造方法为我们创建实例首先大家应该先了解两个概念，编译期和运行期，编译期就是编译器帮你把源代码翻译成机器能识别的代码，比如编译器把java代码编译成jvm识别的字节码文件，而运行期指的是将可执行文件交给操作系统去执行。JAVA反射机制是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任意个对象，都能够调用它的任意一个方法和属性；这种动态获取的信息以
2022-04-30 08:36:29
610
原创 SpringBoot常用的框架集成
SpringBoot之CommandLineRunner应用场景：需求需要提前将部分数据加载到Spring容器中。我们需要在项目启动完立即初始化一些数据（比如缓存等），以便后面调用使用解决方案：1、定义静态常量，随着类的生命周期加载而提前加载（这种方式可能对于工作经验较少的伙伴，选择是最多的）；2、实现CommandLineRunner接口；容器启动之后，加载实现类的逻辑资源，已达到完成资源初始化的任务,不同的 CommandLineRunner 实现可以通过 @Order() 指定执行顺序；
2022-04-06 18:12:54
1430
原创 elementplus 修改分页组件el-pagination的背景色，并且让其居中，显示中文（默认是英文）
elementplus 修改分页组件el-pagination的背景色，并且让其居中，显示中文（默认是英文）
2022-04-04 20:28:57
10052
5
原创 大数据-安装 Hadoop3.1.3 详细教程-伪分布式配置(Centos7)
大数据-安装 Hadoop3.1.3 详细教程-伪分布式配置(Centos7)
2022-03-16 14:21:09
11163
6
原创 字节图标iconpark在vue3中的使用
字节图标在vue3中的使用官方图标库ByteDance IconPark (oceanengine.com)使用指南Docs (feishu.cn)安装npm install @icon-park/vue-next --save引入样式在main.js里面引入样式import '@icon-park/vue/styles/index.css';使用将刚才复制的代码应用到你的vue组件里面<template> <doc-search-two theme="mu
2021-11-18 10:44:15
7262
5
原创 windows11，Windows10，服务器centos7安装docker,docker compose
Windows Docker 安装docker desktop 、wsl2、wsl1、hyper-v的简单关系1、wsl1启动前提： windows的子linux功能。 注意只能在win10以及win2019操作系统上启用（有版本要求，早期的可能并不支持，具体参考docs microsoft文档）2、wsl2启用前提：windows的子linux功能 、hyper-v、微软发布的专用linux内核补丁 注意只能在win10以及win2019操作系统上启用（有版本要求，早期的可能并不支持，具体参考doc
2021-11-07 15:23:30
5778
2
原创 大白话理解vue父传子props的过程
大白话理解整个过程：props理解为properties(属性的缩写)，巧计：props和parent都是p开头，那么就理解为是父传子，父传子内容，儿子要拿东西接收吧，那么此时，子就要用props来接收，传输的数据不可能永远都是一个吧，那么就要用数组来接收。即子组件里面要使用props数组，而且里面的内容自己定，毕竟是自己拿东西接受父亲传来的数据。儿子说我拿碗接收，那么父亲就要往碗里面传输数据。即父组件要动态绑定儿子里面props数组里面自定义的属性，这样就能建立一个通道传输数据了。1.父组件向子组件.
2021-10-26 16:20:49
389
原创 使用springcloud2021版本修改黑马的教程
Gateway服务网关Spring Cloud Gateway 是 Spring Cloud 的一个全新项目，该项目是基于 Spring 5.0，Spring Boot 2.0 和 Project Reactor 等响应式编程和事件流技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的 API 路由管理方式。Spring Cloud Gateway 作为 Spring Cloud 生态系统中的网关，目标是替代 Netflix Zuul，其不仅提供统一的路由方式，并且基于 Filter 链的方式提供
2021-10-13 11:26:26
1359
原创 springmvc
MVC回顾1：什么是MVCMVC(Model View Controller)是一种软件设计的框架模式，它采用模型(Model)-视图(View)-控制器(controller)的方法把业务逻辑、数据与界面显示分离。把众多的业务逻辑聚集到一个部件里面，当然这种比较官方的解释是不能让我们足够清晰的理解什么是MVC的。用通俗的话来讲，MVC的理念就是把数据处理、数据展示(界面)和程序/用户的交互三者分离开的一种编程模式。 注意！MVC不是设计模式！ MVC框架模式是一种复合模式，MVC的三
2021-10-13 11:21:31
141
原创 java经典练习题（一）
例题：输入行号打印以下图形观察图型找规律。发现每一行的空格=总行数 - 行号星星的个数 = 2*行号-1都与行号有关，所以外层循环遍历行号package com.zsq;import java.util.Scanner;public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in ); System.out..
2021-09-25 22:02:36
242
1
原创 Springcloud2020.0.3学习笔记（黑马+尚硅谷）（一：介绍）
微服务框架(基于SpringCloud2020.0.3的微服务架构)需要学习的内容学习路径认识微服务单体架构单体架构：将业务的所有功能集中在一个项目中开发，打成一个包部署。优点：架构简单部署成本低缺点：耦合度高分布式架构分布式架构：根据业务功能对系统进行拆分，每个业务模块作为独立项目开发，称为一个服务。优点：降低服务耦合有利于服务升级拓展缺点：分布式架构的要考虑的问题：服务拆分粒度如何？服务集群地址如何维护？服务之间如何实现远程调用？ 通过
2021-09-22 14:51:11
1788
2
原创 在使用springcloud2020.0.3版本使用openfegin时的小bug
接下来开发用到的组件版本Cloud - 2020.0.3Boot - 2.5.3Cloud Alibaba - 2021.1官网Java - Java 11MybatisplusMaven - 3.5及以上MySQL - 5.7及以上通过该地址查看更详细的版本号推荐报错信息就莫名其妙，说我绑定异常，org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)
2021-09-22 11:30:12
167
1
原创 尚硅谷python部分学习笔记
Python文章目录PythonPython环境的安装下载Python安装Python测试是否安装成功pip的使用安装配置使用pip管理Python包修改pip下载源注释单行注释多行注释变量以及数据类型变量的定义变量的类型查看数据类型标识符和关键字命名规范关键字类型转换转换成为整数转换成为浮点数转换成为字符串转换成为布尔值运算符算数运算符算数运算符在字符串里的使用赋值运算符复合赋值运算符比较运算符逻辑运算符输入输出输出普通输出格式化输出使用%来格式化format用法f-String格式化输入流程控制语句
2021-09-09 14:07:37
5909
2
原创 Linux笔记
Linux文章目录LinuxLinux的应用领域个人桌面领域的应用服务器领域嵌入式领域Linux的介绍安装vm和Centos安装open-vm-tools关机重启命令用户登录和注销指令帮助指令man指令help指令info指令文件目录类指令Linux 系统目录结构cd 指令mkdir指令rmdir指令pwd 指令ls指令touch指令cp指令rm指令mv指令文件查看cat指令more指令less指令echo指令>指令和>>指令head指令tail指令history指令压缩和解压类gzi
2021-08-27 21:02:34
1317
原创 Swagger笔记
Swagger文章目录SwaggerSwagger简介swagger使用配置Swagger第一步：第二步：第三步第四步第五步第六步配置扫描接口演示：配置Swagger开关演示：配置API分组单组：单个组演示：多组多组演示：常用注解演示注解的注释作用和模拟传参Swagger简介前后端分离前端 -> 前端控制层、视图层后端 -> 后端控制层、服务层、数据访问层前后端通过API进行交互前后端相对独立且松耦合产生的问题前后端集成，前端或者后端无法做到“及时协商，尽早解决”，最
2021-07-26 16:16:25
1178
原创 ECMASript 6笔记
ECMASript 6文章目录ECMASript 61ECMASript 6新特性let 关键字1.不允许重复声明2.块儿级作用域（即只在代码块里面有效）3.不存在变量提升4.不影响作用域链作用域作用域链const 关键字1.声明必须赋初始值2.标识符一般为大写(潜规则，不做硬性要求)3.值不允许修改4.不允许重复声明5.块儿级作用域注意: 对象属性修改和数组元素变化不会出发 const 错误本质变量的解构赋值数组的解构赋值对象的解构赋值模板字符串特点：对象的简化写法属性的简洁表示法对象里面的方法简写箭
2021-07-18 18:52:23
807
原创 SpringBoot集成Druid的三种方式（java类，注解，ymal）
SpringBoot集成Druiddruid github druid官方文档Druid是一个阿里开源的连接池组件加⼊了日志监控，不需要额外的界面开发它不仅仅是一个数据库连接池，它的功能还包括监控和详细统计数据库访问性能，对数据库密码进行加密在springboot 2.0 以上默认都是使⽤用Hikari数据源， Hikari与Druid都是当前⽐比较优秀的数据源com.alibaba.druid.pool.DruidDataSource 基本配置参数如下：配置缺省值说明
2021-07-10 12:48:09
1294
cloud_parent.zip
2021-09-22
mybatis-xml.zip
2021-05-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人