- 博客(141)
- 收藏
- 关注
RSS订阅原创 Vue中的事件绑定【3】
本文介绍了Vue中鼠标和键盘事件的绑定方法。对于鼠标事件，可通过v-on:事件名或简写@事件名绑定，回调函数需定义在methods对象中，注意不能使用箭头函数以避免this指向问题。键盘事件绑定方式类似，支持使用.enter、.tab等修饰符指定按键。文中通过代码示例演示了如何获取事件对象及传递参数，并强调了$event占位符的作用。最后总结了事件绑定的关键要点，包括语法、回调函数定义位置和注意事项。
2025-05-24 13:13:15
341
原创 Vue语法【2】
Vue数据绑定主要有两种方式：插值表达式(用于文本内容)和指令语法(用于元素属性)。插值表达式使用{{变量名}}语法，而指令语法使用v-bind:属性名="变量名"（可简写为:属性名）。数据绑定分为单向绑定(v-bind)和双向绑定(v-model，仅适用于表单元素)。双向绑定的数据会在视图和模型间同步变化。Vue实例的el属性有两种定义方式：创建实例时直接定义或创建后通过$mount()方法绑定。data属性可以是对象形式或函数返回对象形式。
2025-05-24 13:12:17
823
原创 初识Vue【1】
Vue是一款渐进式前端框架，专注于视图层开发。其特点包括MVVM设计模式、体积小、高效运行，并能与其他库良好整合。使用步骤为：1)创建HTML基础文档；2)通过CDN或本地文件引入Vue环境；3)准备带id的容器div；4)创建Vue实例并绑定容器，定义data数据；5)在容器中使用插值语法{{}}获取数据。Vue实例与容器一一对应，数据变更会自动更新视图。底层通过Object.defineProperty()实现数据响应式，使data属性可直接通过实例访问修改。
2025-05-24 13:11:01
341
原创 Linux Docker下安装tomcat
本文介绍了如何使用Docker拉取并运行Tomcat 8镜像，并创建一个简单的静态网页。首先，通过docker pull tomcat:latest命令拉取最新版Tomcat镜像，接着使用docker run命令启动容器，并将端口映射到9090。随后，关闭防火墙以确保访问畅通。在容器内，通过docker exec进入Tomcat容器，创建并编辑一个HTML文件。由于容器内默认没有安装vim，需先更新软件源并安装vim。最后，通过浏览器访问创建的静态页面，验证部署成功。整个过程展示了Docker容器的基本操作
2025-05-22 22:41:12
510
原创 Linux Docker下挂载本地目录和数据卷容器实现文件共享
本文详细介绍了在Linux系统上安装Docker的完整步骤。首先，通过设置yum网络镜像源为阿里云，确保安装过程中的依赖包能够顺利下载。接着，检查服务器系统版本和内核版本，并安装必要的依赖包。随后，配置阿里云的Docker-ce镜像源，并通过yum命令安装Docker-ce。安装完成后，启动Docker并设置开机自启，同时配置阿里云镜像加速器以提升镜像拉取速度。最后，通过运行hello-world镜像测试Docker是否安装成功。文章还简要介绍了Docker的核心概念（仓库、镜像、容器）以及常用命令，帮助用
2025-05-22 22:40:25
1176
原创 Linux Docker安装【再探完美版教程】
本文详细介绍了在Linux系统上安装Docker的完整步骤。首先，通过设置阿里云的yum镜像源来优化安装环境，确保依赖包的顺利下载。接着，安装必要的依赖包，并配置阿里云的Docker CE镜像源。随后，通过yum命令安装Docker CE，并启动Docker服务，设置开机自启。为了加速镜像的拉取，配置了多个阿里云镜像源。最后，通过运行hello-world镜像来测试Docker的安装是否成功。文章还简要介绍了Docker的核心概念，如仓库、镜像和容器，并列出了一些常用的Docker命令，帮助用户快速上手使用
2025-05-22 22:38:57
1037
原创 Linux 玩转nfs
本文介绍了服务端和客户端的配置，并详细说明了NFS（网络文件系统）服务端的安装与配置过程。服务端为LVMLinux虚拟机，客户端为Centos7虚拟机。在服务端配置中，首先尝试通过yum安装nfs-utils，但由于网络镜像源未配置，导致安装失败。随后，通过备份原有yum源文件、下载阿里云镜像源配置文件，并使用curl命令成功配置镜像源。接着，清理并更新yum缓存后，成功安装了nfs-utils。之后，编辑了NFS的导出目录配置文件，并启动了rpcbind和nfs-server服务。客户端配置部分简要提及了
2025-05-22 22:37:47
1082
原创 Linux 搭建FTP服务器(vsftpd)
或者修改/etc/selinux/config文件，将SELINUX=enconfig改为SELINUX=disabled，然后重启系统。在Linux上查看，发现已经有了scptoserver.txt文件，说明文件复制到服务器成功！默认即可，如果有需要可以修改/etc/ssh/sshd_config文件。scp 本地文件 user@远程服务器IP:/远程目录/在win10使用git的bash窗口上传文件到Linux。scp root@远程服务器ip:/远程文件 本地目录/
2025-05-22 22:36:35
1294
原创 Linux LVM管理
本文详细介绍了如何使用LVM（逻辑卷管理）在Linux系统中创建和管理逻辑卷。首先，通过fdisk工具将分区类型设置为Linux LVM（8e），然后使用pvcreate命令将分区初始化为物理卷（PV）。接着，通过vgcreate命令创建卷组（VG），并使用lvcreate命令在卷组中创建逻辑卷（LV）。创建完成后，对逻辑卷进行格式化，并通过修改/etc/fstab文件实现挂载。此外，文章还介绍了如何在线扩展LVM文件系统，包括使用lvresize扩展逻辑卷大小，并通过xfs_growfs或resize2f
2025-05-22 22:34:44
499
原创 Java集合再探
集合是Java中用于存储和管理数据的重要工具，主要分为Collection接口、Map接口和Collections工具类。Collection接口包括List、Set和Queue，分别用于有序可重复、无序唯一和先进先出的数据存储。List的常见实现类有ArrayList、LinkedList、Vector和CopyOnWriteArrayList，分别适用于不同的场景，如查找、插入、删除和线程安全操作。Set的实现类包括HashSet、LinkedHashSet、TreeSet和CopyOnWriteArr
2025-05-22 22:14:44
969
原创 JavaScript【9】ES语法
本文介绍了JavaScript中的闭包和ES6语法特性。闭包是指能够访问外部函数作用域变量的函数，即使外部函数已执行完毕，闭包仍能记住并访问这些变量。通过嵌套函数和返回内层函数的方式创建闭包，实现了封装特性。闭包可用于定义功能模块，如字符串大小写转换。ES6语法部分包括变量声明（var、let、const）、解构解析（数组和对象）、模板字符串、对象简化语法和箭头函数。对象简化语法允许省略属性值、方法定义中的function关键字，并支持计算属性名和解构解析简化。箭头函数则提供了更简洁的函数定义方式。
2025-05-22 10:25:09
777
原创 JavaScript【8】异步请求与本地存储
本文介绍了异步请求和本地存储的基本概念与实现方法。异步请求通过前端浏览器向后台服务器发送请求，使用Ajax的XMLHttpRequest对象实现。文章详细说明了如何发送GET和POST请求，并展示了不同参数形式（如URL拼接、JSON、表单）的实现代码。本地存储部分则介绍了HTML5中的WebStorage API，包括localStorage和sessionStorage，分别用于持久存储和会话期间的临时存储，解决了传统Cookie的存储限制和安全问题。
2025-05-22 10:24:09
1039
原创 循环右移二叉树
该问题要求对二叉树的每一层节点进行循环右移k位。具体操作包括：从最底层开始，逐层向上移动节点，每层的节点根据其父节点和k值重新定位。通过层次遍历获取每层节点，并利用哈希表记录节点位置。在移动过程中，根据k值和父节点数量计算新位置，并更新节点的左右子节点关系。最终返回移动后的二叉树。该方法通过自底向上的方式，确保每层节点在移动时其子节点已正确调整，从而保证整体结构的正确性。
2025-05-18 00:21:38
185
原创 SQL语句执行问题
SQL查询语句的执行顺序通常为：FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT。在查询过程中，FROM子句确定数据来源，WHERE子句进行初步筛选，GROUP BY子句进行分组，HAVING子句对分组结果进行筛选，SELECT子句选择显示的列，ORDER BY子句进行排序，LIMIT子句进行分页。在SQL中，别名可以通过AS关键字为列或表指定新名称，提升查询的可读性。在示例中，原SQL语句存在WHERE子句错误使用聚合函数和LIMIT
2025-05-18 00:10:12
546
原创 JavaScript【7】BOM模型
BOM（Browser Object Model，浏览器对象模型）是 JavaScript 中用于访问和操作浏览器功能的重要概念，与 DOM 不同，BOM 主要处理浏览器窗口及其相关功能，如导航栏、地址栏和历史记录等。BOM 的核心对象包括 Window、Navigator、Location、History 和 Screen。Window 对象用于控制浏览器窗口，支持弹窗、延时器（setTimeout）和定时器（setInterval）等功能。Navigator 对象提供浏览器信息，如用户代理字符串。Loc
2025-05-18 00:07:42
463
原创 JavaScript【6】事件
JavaScript 中的事件是浏览器与代码交互的机制，用于响应用户操作或页面状态变化。本文重点介绍了表单事件的处理方式，包括获取/失去焦点（onfocus/onblur）、节点内容改变（onchange）、输入框内容输入（oninput）、选取元素（onselect）以及表单提交（onsubmit）。通过示例代码展示了如何为这些事件绑定处理函数，并演示了事件触发时的具体行为。例如，输入框在获得焦点时背景变为红色，失去焦点时变为绿色；输入内容时实时打印到控制台；表单提交时根据返回值决定是否阻止提交。这些事件
2025-05-18 00:06:33
1157
原创 JavaScript【5】DOM模型
DOM（文档对象模型）是浏览器加载页面时创建的页面结构模型，它将HTML文档转化为对象树，每个标签都是一个对象。节点是HTML文档的基本组成单位，分为文档节点、元素节点、属性节点和文本节点。获取元素节点的方法包括通过id（getElementById）、class（getElementsByClassName）、标签名（getElementsByTagName）以及选择器（querySelector和querySelectorAll）。获取和修改HTML值可以通过innerText获取或修改文本内容，或通过
2025-05-18 00:01:36
433
原创 JavaScript【4】数组和其他内置对象(API)
JavaScript中的数组是一种动态数据结构，可以存储任意类型的元素，且长度可动态调整。数组的创建可以通过new Array()或字面量方式实现。常见的数组操作方法包括遍历（for循环、forEach）、追加元素（push、unshift）、删除元素（pop、shift）、反转（reverse）、排序（sort）、插入/删除/替换元素（splice）、合并数组（concat、展开语法）、数组转字符串（toString、join）、字符串转数组（split）、裁切数组（slice）以及查找元素下标（inde
2025-05-18 00:00:25
1050
原创 JavaScript入门【3】面向对象
在JavaScript中，对象是引用类型，其顶级父类是Object。对象以key-value形式存在，key表示属性，value表示属性的值。创建对象的方式有两种：通过new Object()或直接使用{}。对象的相关操作包括添加属性、获取属性值、删除属性（使用delete关键字）以及遍历属性（使用for-in循环）。函数是独立的代码集合，可以通过new Function()或声明式创建。函数类型包括常规函数、匿名函数、嵌套函数和立即执行函数。方法是依赖于对象的行为，通过对象定义，并使用this关键字引用当
2025-05-17 23:37:25
1024
原创 JavaScript入门【2】语法基础
JavaScript的引入方式主要有三种：行内引用、标签引用和文件引用。行内引用是将JavaScript代码作为HTML标签的属性值使用；标签引用是在HTML文档中添加<script>标签并在其中编写JavaScript代码；文件引用则是通过创建独立的JavaScript文件并在HTML中引用该文件。此外，JavaScript提供了多种输出方式，包括window.alert()、window.confirm()、window.prompt()、console.log()和document.wri
2025-05-17 23:32:57
1023
原创 JavaScript入门【1】概述
JavaScript（JS）是一种直译式脚本语言，主要用于网页中实现动态效果和交互功能。它与HTML和CSS共同构成网页，其中HTML定义内容，CSS控制外观，而JS负责实时更新网页内容。JavaScript与ECMAScript（ES）密切相关，ES是JS的核心，规定了语言的基本语法和对象，而JS还包括文档对象模型（DOM）和浏览器对象模型（BOM）。JS可以在浏览器或Node.js环境中运行，后者使其能在服务器端执行。JS的特点包括解释型、面向对象、弱类型、动态性和跨平台性，使其成为网页开发中不可或缺的
2025-05-17 23:29:04
447
原创 Linux多网卡组Bond0Bond1Bond4
关闭NetworkManager：systemctl stop NetworkManager。删除bond0：ifconfig bond0 down rmmod bonding。查看bond0状态：cat /proc/net/bonding/bond0。加载模块信息：modprobe --first-time bonding。使用ip a命令可以查看新添加的两块网卡ens36、ens37。重启网卡：systemctl restart network。查看内核模块信息：modinfo。
2025-04-03 12:03:21
1044
原创 linux安装oracle19c
当在 Linux 系统上安装完 Oracle 后测试连接正常，但重启 Linux 系统后无法连接 Oracle 数据库。在 Linux 系统重启后，Oracle 相关的环境变量可能没有正确加载。Oracle 数据库服务在 Linux 系统重启后可能没有自动启动，需要手动启动或者配置为开机自启。首先通过npm网络源安装以下依赖包：[安装前要配置yum网络镜像源，这里忽略配置过程]一个是compat-libstdc++的包，这里oracle的包可以上传到/tmp。文件，确保数据库实例对应的启动标志为。
2025-02-08 19:17:51
1567
原创 ErrorCode = 1140, SQLState = 42000, Details = In aggregated query without GROUP BY, expression #1 of
为了确保查询结果的准确性和一致性，建议使用GROUP BY子句对非聚合列进行分组。这样可以避免模式下的错误，同时也能得到正确的统计结果。
2025-02-05 12:49:28
300
原创 Java 开发工程师年度总结
今年，我参与了多个重要项目。通过对原有代码的深入分析，我运用新学到的技术知识，对代码进行了优化和重构，提高了系统的稳定性和性能。同时，通过与前端开发人员的密切沟通，及时解决了前后端数据交互过程中出现的问题，保证了项目的顺利推进。同时，我也将更加注重与同行的交流与学习，不断借鉴他人的经验，提升自己的综合素质。另外，在项目管理方面，虽然参与了项目的各个环节，但对项目整体的规划和进度把控能力还有待提高。在新的一年里，我将以更加饱满的热情和更加严谨的态度投入到工作中，不断提升自己，为公司的发展贡献更多的力量。
2025-01-22 09:18:38
464
原创 Linux安装mysql5.7
下载|安装下载|安装下载并安装MySQL官方的YumRepository使用上面的命令就直接下载了安装用的YumRepository，大概25KB的样子，然后就可以直接yum安装了。之后就开始安装MySQL服务器。这步可能会报错如下，原因是Mysql的GPG升级了，需要重新获取至此MySQL就安装完成了，然后是对MySQL的一些设置。修改密码。
2025-01-20 09:28:35
624
原创 重定向和转发的区别？
在实际应用中，根据具体的业务需求和场景选择合适的页面跳转方式是很重要的，重定向和转发各有其优势和适用场景，合理运用它们可以提升Web应用的性能和用户体验。
2024-11-10 23:55:09
1051
原创 【SpringCloud】SpringBoot集成Swagger 常用Swagger注解
概述：SpringBoot集成Swagger 常用Swagger注解。
2024-11-07 11:56:53
1249
原创 【SpringCloud】Kafka消息中间件
Kafka 是一个分布式流媒体平台,类似于消息队列或企业消息传递系统。producer相当于生产者，consumer相当于消费者。Kafka Cluster相当于快递驿站，broker1、broker2相当于1，2号快递员，topic为它们的要派送的快递；producer：发布消息的对象称之为主题生产者（Kafka topic producer）topic：Kafka将消息分门别类，每一类的消息称之为一个主题（Topic）
2024-11-07 11:55:26
1643
原创 【SpringCloud】Feign微服务通信
Feign是Spring Cloud提供的⼀个声明式的伪Http客户端， 它使得调⽤远程服务就像调用本地服务⼀样简单， 只需要创建⼀个接⼝并添加⼀个注解即可。Nacos很好的兼容了Feign， Feign 默认集了Ribbon， 所以在Nacos下使⽤Fegin默认就实现了负载均衡的效果Feign可以⽀持很多的⾃定义配置，如下表所示：⼀般情况下，默认值就能满⾜我们使⽤，如果要⾃定义时，只需要创建⾃定义的@Bean覆盖默认Bean 即可。
2024-11-06 20:27:01
916
原创 【SpringCloud】Ribbon-微服务注册中心
ribbon是 Netflixfa 发布的⼀个负载均衡器，有助于控制 HTTP 和 TCP客户端⾏为。在 SpringCloud 中， Nacos⼀般配合Ribbon进⾏使⽤，Ribbon提供了客户端负载均衡的功能，Ribbon利⽤从Nacos中读取到的服务信息，在调用服务节点提供的服务时，会合理的进⾏负载。在SpringCloud中可以将注册中心和Ribbon配合使⽤，Ribbon自动的从注册中心中获取服务提供者的列表信息，并基于内置的负载均衡算法，请求服务。
2024-11-06 20:25:46
756
原创 【SpringCloud】Nacos微服务注册中心
Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了⼀组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。nacos的作⽤就是⼀个注册中心，用来管理注册上来的各个微服务。
2024-11-06 00:15:24
1119
原创 SpringBoot-ElasticSearch（ElasticSearch 倒排索引 es的一些概念 环境安装 索引库操作 RestAPI ElasticSearch查询 案例（含页面））
Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于RESTful web接口。Elasticsearch是用Java语言开发的，并作为Apache许可条款下的开放源码发布， 是一种流行的企业级搜索引擎。Elasticsearch用于云计算中，能够达到实时搜索，稳定，可靠，快速， 安装使用方便。官方客户端在Java、.NET（C#）、PHP、Python、Apache Groovy、Ruby和许多其他语言中都是可用的。
2024-11-06 00:12:24
824
原创 学习Redis？看这一篇就够了
概念：Redis (REmote DIctionary Server) 是用 C 语言开发的一个开源的高性能键值对（key-value）数据库数据间没有必然的关联关系内部采用单线程机制进行工作高性能，官方提供测试数据，50个并发执行100000 个请求,读的速度是110000 次/s,写的速度是81000次/s。多数据类型支持字符串类型 string列表类型 list散列类型 hash集合类型 set有序集合类型 sorted_set持久化支持。
2024-11-05 23:39:21
549
原创 Spring Boot4(Spring Boot 整合mvc 实现增删改查 Spring Boot 事务管理 异步任务 定时任务调度 整合Mail 整合redis）
编程式指的是通过java代码去控制数据库的事务处理，这里主要讲的是声明式事务项目结构：数据库表结构：POJO实体类层，Mapper层、Service层、Config层都与上一个例子相同，这里省略Controller层：1.给要开启的事务类或者方法上添加@Transactional注解2.启动类上加@EnableTransactionManagement//开启事务只需要两个注解就可以完成事务管理模拟出现了异常：说明事务已经被回滚，事务生效！
2024-11-05 23:38:40
453
原创 Spring Boot3（注册SSpring Boervlet三大组件 切换Servlet容器 SpringBoot 数据访问操作 整合Mybatis与Mybatis-Plus 切换druid数据源）
整合操作需要勾选MyBatis技术，也就是导入MyBatis对应的starter数据库连接相关信息转换成配置数据库SQL映射需要添加@Mapper被容器识别到MySQL 8.X驱动强制要求设置时区修改url，添加serverTimezone设定修改MySQL数据库配置驱动类过时，提醒更换为com.mysql.cj.jdbc.Driver步骤：1.坐标注意：mp坐标添加后，mybatis坐标移除2.编写注解配置实体类与关系表映射关系(truncate清空表以及主键)
2024-11-04 23:58:24
959
原创 Spring Boot2（Spring Boot 的Web开发 springMVC 请求处理 参数绑定 常用注解 数据传递 文件上传）
总结：只要静态资源放在类路径下：一启动服务器就能访问到静态资源文件springboot只需要将图片放在 static 下 就可以被访问到了总结：只要静态资源放在类路径下： called /static (or INF/resources访问：当前项目根路径/ + 静态资源名静态资源访问前缀enjoy模板引擎四个步骤：1.加坐标2.开启配置在configure包下新建配置类 官网可以复制3.将页面保存在templates目录下4.编写代码逻辑加坐标 写配置类。
2024-11-04 23:55:33
928
原创 Spring Boot1(概要 入门 Spring Boot 核心配置 YAML JSR303数据校验)
YAML全称是 YAML Ain’t Markup Language。YAML是一种直观的能够被电脑识别的的数据数据序列化格式， 并且容易被人类阅读，容易和脚本语言交互的，可以被支持YAML库的不同的编程语言程序导入，比如： C/C++, Ruby, Python, Java, Perl, C#, PHP等。YML文件是以数据为核心的，比传统的xml方式更加简洁。YAML文件的扩展名可以使用.yml或者.yaml。
2024-11-04 22:11:42
867
原创 Spring3(代理模式 Spring1案例补充 Aop 面试题)
在代理模式（Proxy Pattern）中，一个类代表另一个类的功能，这种类型的设计模式属于结构型模式。代理模式通过引入一个代理对象来控制对原对象的访问。代理对象在客户端和目标对象之间充当中介，负责将客户端的请求转发给目标对象，同时可以在转发请求前后进行额外的处理。在代理模式中，我们创建具有现有对象的对象，以便向外界提供功能接口。意图为其他对象提供一种代理以控制对这个对象的访问。主要解决的问题代理模式解决的是在直接访问某些对象时可能遇到的问题，例如对象创建成本高、需要安全控制或远程访问等。使用场景。
2024-11-04 22:10:43
1373
1
华硕商城Servlet版
2024-10-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人