自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Elasticsearch介绍及使用

Elasticsearch 是一款基于 Lucene 库构建的开源、分布式、RESTful 风格的搜索引擎和分析引擎,具有强大的全文搜索、数据分析、机器学习等功能,广泛应用于日志分析、实时数据分析、全文检索等场景。

2025-01-12 20:11:34 1058

原创 RabbitMQ介绍与使用

RabbitMQ 是一个开源的消息代理和队列服务器,基于 AMQP(高级消息队列协议)标准,使用 Erlang 编程语言构建。它是消息队列(MQ)的一种,广泛应用于分布式系统中,用于实现应用程序之间的异步消息传递。RabbitMQ 具有高可靠性、易扩展、高可用和功能丰富的特点,支持多种编程语言客户端,如 Java、Python、Ruby、C# 等。

2025-01-10 11:41:27 1076

原创 微服务保护——Sentinel

通过Sentinel对实现对微服务的保护,为了应对高并发对请求进行限流,为了应对雪崩对请求进行了线程隔离,并通过服务熔断、降级来对失败的请求进行友好的处理,如:返回默认值,而不是返回错误,提高客户的体验

2025-01-03 19:54:10 1238

原创 Nacos——配置管理

用Nacos实现对配置的管理,将我们本地各个微服务模块中重复的配置提取到Nacos进行管理,并实现配置的热更新;还有Nacos实现的对路由的动态实现

2025-01-03 09:36:20 1212

原创 OpenFeign介绍以及使用

利用OpenFeign简化微服务之间的通信需要编写大量的复杂http代码实现,并把微服务之间的通信模块抽取成一个单独的微服务来管理

2024-12-29 11:23:36 672

原创 Spring Cloud——注册中心

对微服务的注册中心的介绍,以及列举了一些常用的注册中心组件,并通过一个简单的微服务实例实现了Nacos的服务注册和发现以及负载均衡的功能

2024-12-28 01:07:57 929

原创 Docker安装及基本使用

docker的安装以及简单的使用

2024-12-19 15:27:16 807

原创 基于VMware Workstation Pro安装CentOS7(2024-12-16)

2024年12月16日,图文教学手把手教学基于VMware安装Cent0S7,并配置了静态IP,更换yum源

2024-12-16 15:04:08 688

原创 JWT使用

jwt的介绍,以及一个简单的spring boot案例

2024-12-08 15:44:38 762

原创 Minio使用教程

minio介绍,以及一个简单的使用spring boot集成minio做图片的上传、删除案例

2024-12-08 15:33:02 2924

原创 解决VS Code工具在终端执行命令的时候无法加载文件

错误:tsc : 无法加载文件 E:\KTSP\WaitForMe\install\nodejs\node_global\tsc.ps1,因为在此系统上禁止运行脚本。由于windwos11上默认上关闭了运行脚本的策略,所以我们要设置允许执行脚本。如果是图上这样的就是执行脚本受限制了,我们给他改成RemoteSigned。在VS Code上执行 tsc demo.ts进行编译后成功!1.Win+X打开终端管理员输入。

2024-09-30 13:58:31 348

原创 node.js版本管理工具--nvm安装教程及配置(windows)

2.新建系统变量NODE_PATH,变量值为node.js的安装路径下的node_modules目录。下滑找到nvm-setup.zip nvm-setup.exe也行,zip只是多了个压缩包。node -v //查看现在node.js使用的是哪个版本。nvm list //查看node.js已安装的版本。由于我们安装了多个node.js所以配置的时候都要配置。2.在cmd中对node.js的各个版本进行配置。查看nvm可支持下载的node.js版本。

2024-09-30 13:14:21 946

原创 解决小程序中预览图片全部一次性加载出来消耗资源的问题

处理小程序加载一次性加载全部图片消耗流量问题

2024-09-17 11:13:24 341

原创 uniapp 交互反馈API介绍及使用

值类型:String,其值是editable为true时,用户输入的文字,如:判断用户输入了确定还是取消然后进行对应操作,在H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序(2.62.0+)上有效。参数类型:String,设置确认按钮的文字演示,默认值:H5:#007aff,微信小程序:#576B95,百度小程序:#3c76ff,在H5、微信小程序、百度小程序、抖音小程序(2.62.0+)上有效。

2024-09-06 13:44:41 1686

原创 uniapp pages.json介绍及使用

pages.json页面路由,是对uniapp的全局设置,如设置页面路径,页面标题名称,原生导航栏样式,窗口样式等。

2024-09-04 23:01:40 2226

原创 uniapp static目录介绍 (import、uni.scss文件、app.vue应用配置文件使用方法)

app.vue文件的作用就是用来监听应用声明周期、配置全局样式等,虽然说这是一个.vue文件,但是这个文件不能编写视图元素,注意:如果你需要用到应用生命周期函数的话,就要再此文件编写,因为再页面监听无效。uni.scss文件主要的用处就是用于控制应用的整体风格样式,如按钮颜色、(文字字体、大小、颜色)、边框样式等,uni.scss文件在项目创建的时候就有一批预留的样式,在此文件进行增删改样式都要重新运行项目,因为scss文件时预编译文件,只是再项目刚运行进行的预编译。

2024-09-04 11:02:20 647

原创 uniapp 常用尺寸单位

px不管在什么样式的屏幕宽高的环境下都是固定的,使用这个单位开发程序的话,对屏幕宽高稍微大一点的手机或平板就不太友好了,相对而言rpx是根据屏幕的宽高响应式的改变,用这个尺寸单位,对于多种类的手机不同的屏幕宽高的响应就很友好;百分比单位可以看到的是对高度不起作用,大家可以根据自己的情况选择;vw和vh的作用就是跟%一样的,就如上面说到的1vw就是相当于可视屏幕宽度的1%,vh设置的高度也是可以背支持的,如果要做百分比的单位的高度话,可以用vh。

2024-09-03 23:20:02 601

原创 vue3使用defineExpose来暴露属性

在我们项目的开发过程中可能需要一个文件的属性能够在另一个页面上做一些操作,但是<script setup>中的属性只能在当前文件中使用,学过java的就知道它类似java文件中用private修改的属性,在java文件中如果想要让属性能够给其他java文件使用的话可以通过为其设定get、set方法,或者改成public修饰符修饰的属性,那么在vue文件中我们也可以通过defineExpose方法来暴露当前vue文件中的变量。

2024-09-02 14:08:24 1098

原创 uniapp页面声明周期及Vue3版本组合式生命周期钩子

我们从视频中可以看出,在我们没有挂载前是拿不到组件的信息的,因为那时候的组件还是虚拟的,在我们挂载后组件就变成了真实的了,所以我们可以拿到组件的信息,并且我设置了一个3秒后删除组件,在我们的组件删除后,我们可以做一些资源的释放、关闭定时器之类的操作。onBeforeUpdate(更新前):在组件的数据发生变化之前执行的回调函数。onBeforeMount(挂在前):在组件还没有挂载之前执行的回调函数。onUpdated(更新后):在组件的数据发生改变的时候执行的回调函数。挂在前、挂载后、销毁后。

2024-09-02 10:53:25 1556 1

原创 vue3 emit组件事件

<button @click="onClik">点击按钮改变容器盒子颜色</button><input class="inputStyle" type="text" placeholder="请输入显示的字体大小,单位:px" @input="onInput"/>

2024-09-01 22:55:26 739

原创 Vue 插槽Slots

再上一章节说到了自定义模板如何传递script值,但是如果我们要传递其他的模板样式内容怎么办呢?vue提供了一个更加方便的组件,插槽slots。

2024-08-31 22:07:44 823

原创 uni-app自定义组件

uni-app自定义组件

2024-08-31 00:13:52 496 1

原创 uni-app props传递

uni-app props传递值

2024-08-31 00:13:32 804

原创 Vue3-watch监听器

watch可以用来监听一个响应式变量发生的变化,它和computed很相识,它们都是用来监听响应式变量发生的变化对其进行一些处理。computed要求返回一个值,watch不要求返回值。computed是通过监听响应式变量会对其进行计算等到一个新的值,一般用于计算价格,排序,过滤数据等操作,watch是对响应式变量的改变而进行一些更加复杂的逻辑处理或异步操作,如:异步请求。

2024-08-30 00:09:26 790

原创 Vue3计算属性

可以从这张图中看出我在页面上面用方法调用了3次的话方法就执行了3次,而computed计算属性调用了3次只执行了1次 ,它只会在值背改变的时候在调用,这样就显而易见的看出了他们的区别:computed计算属性在复杂的逻辑处理中更有优势。我们在开发中通常会有很多对script变量的操作,我们在组件内写简单的表达式的话很方便,但是如果我们的运算逻辑很大的话就会让代码看起来很臃肿,增加了我们在后期维护的难度,vue也发现了这个问题,所以提供了一个计算属性供我们使用。

2024-08-28 22:06:17 411

原创 Vue3 v-model表单输入绑定

vue3表单输入绑定

2024-08-27 22:55:39 314

原创 Vue3列表渲染

v-for和v-if不推荐一起使用,因为它们的优先级不明显,如果它们两个存在同一个组件上的话,v-if的优先级要高于v-for,并且因为级别v-if优先级高了之后就访问不到v-for作用域里面定义的变量了,所以使用的时候要根据实际情况使用;从示例可以看出来,如果我们不用v-for来渲染容器的话,需要重复的编写同样的代码,造成了代码重复,用了v-for的组件,一行代码就生成了多个容器。v-for指令基于一个数组来为我们渲染一个列表,可以是为我们减少重复代码是编写,减少代码的重复,也可用于一些计算方面。

2024-08-26 10:37:43 483

原创 在HBuilder X中基于vue3创建一个组合式自定义模板

我们在HBuilder X中开发项目的时候HBuilder X提供的模板太过局限,我们可以自己创建一个方便自己开发的模板,提高我们的开发效率。

2024-08-26 00:00:00 513

原创 Vue3条件渲染

用了v-if的组件,如果包含了图片等一些需要加载的资源的话,v-if其值为false时不会加载,但是,用了v-show的组件,即使其值为false时也会加载图片等资源,所以说如果加载的资源多了的话,从速度上可以理解用了v-if的组件加载更快节省加载时间,用了v-show的组件加载更加的慢,所以可以根据实际情况自行选择在开发过程中用哪一种。

2024-08-26 00:00:00 380

原创 Vue3原生事件监听及组件内置事件处理

可以是用v-on来监听DOM事件,简写@,在事件触发的时候会执行对应的JavaScript语句,使用的方式:v-on:click="(事件处理者)"或@click="(事件处理者)"

2024-08-25 14:33:19 711

原创 Vue3基础

上面这个例子可以是用了一个boolean类型的值来决定class样式是否存在,如果为true时class值就是'box',并且会采用sstyle中的.box的样式,通常会在一些事件的执行方法中,通过这个值来决定是否改变样式。可以看到从上面的代码中我们设置了 disabled为false,但是,这个按钮还是禁用的,这个原因我个人认为是uniapp将它判断成了一个字符串,而不是一个boolean值,解决方法就是使用v-bind指令。但是,在处理比较复杂的绑定时,通过拼接生成字符串是麻烦且易出错的。

2024-08-22 16:12:35 346

原创 uni-app常用组件的介绍

uniapp常用的一些组件

2024-08-21 21:29:54 1892

原创 学习Uniapp Vue3的准备工作

1.项目结构Pages:业务页面文件存放的目录Index页面Static: 存放应用引用的本地静态资源(如图片、视频等)的目录,注意:静态资源都应存放于此目录Unpackage:非工程代码,一般存放运行或发行的编译结果App.vue应用配置,用来配置App全局样式以及监听main.jsVue初始化入口文件配置应用名称、appidlogo、版本等打包信息pages.json配置页面路由、导航条、选项卡等页面类信息uni.scss内置的常用样式变量2.创建项目。

2024-08-19 21:22:25 923 2

空空如也

空空如也

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

TA关注的人

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