- 博客(299)
- 收藏
- 关注
RSS订阅原创 使用defineExpose暴露子组件的属性和方法、页面生命周期onLoad和onReady的使用
使用defineExpose暴露子组件的属性和方法、页面生命周期onLoad和onReady的使用。
2025-07-16 20:46:13
66
原创 vue3中，组件的生命周期函数（钩子函数）
也叫生命周期函数/钩子函数。指在Vue实例创建、更新和销毁的不同阶段触发的一组钩子函数，可以使开发者在不同阶段对Vue实例进行操作，以便执行特定的逻辑。生命周期主要包含以下四个阶段：创建、挂载、更新、销毁。好比一款手机，创建（拿到全新一款手机）、挂载（安装各种软件）、更新（系统或者软件升级）、销毁（丢弃手机）。
2025-07-10 17:27:47
896
原创 插槽Slots、具名插槽实现组件高度定制化、使用emit实现子组件向父组件传参
插槽Slots、具名插槽实现组件高度定制化、使用emit实现子组件向父组件传参
2025-07-10 13:18:10
285
原创 uniapp如何创建并使用组件？组件通过Props如何进行数据传递？
欢迎来到我的UniApp技术专栏！🎉 在这里，我将与大家分享关于UniApp开发的实用技巧、最佳实践和项目经验。专栏特色：📱 跨平台开发一站式解决方案🚀 从入门到精通的完整学习路径💡 实战项目经验分享🔍 常见问题深度解析无论你是刚接触UniApp的新手，还是有一定经验的开发者，都能在这里找到有价值的内容。我将持续更新最新技术动态和开发技巧，帮助大家提升开发效率，打造高质量的跨平台应用。让我们一起探索UniApp的无限可能！💪。
2025-07-09 17:27:49
1504
原创 computed计算属性、watch和watchEffect监听的使用
欢迎来到我的UniApp技术专栏！🎉 在这里，我将与大家分享关于UniApp开发的实用技巧、最佳实践和项目经验。专栏特色：📱 跨平台开发一站式解决方案🚀 从入门到精通的完整学习路径💡 实战项目经验分享🔍 常见问题深度解析无论你是刚接触UniApp的新手，还是有一定经验的开发者，都能在这里找到有价值的内容。我将持续更新最新技术动态和开发技巧，帮助大家提升开发效率，打造高质量的跨平台应用。让我们一起探索UniApp的无限可能！💪。
2025-07-09 12:40:12
655
原创 计算机网络的五层
（实际是四层），但为了教学和更细致的理解，常将其与OSI七层模型结合，形成一种简化的五层结构。掌握五层模型能快速定位网络问题（如ping不通查网络层，网页打不开查应用层）。计算机网络的五层架构通常指的是。
2025-07-09 10:44:19
945
原创 表单focus和blur事件的用法【小鸡案例】+ v-model双向绑定的实现原理 + 热梗案例
其中，有两种方式：①点击发布按钮（@click="onSubmit"事件）②输入完input的值然后敲回车（@confirm="onSubmit"）。②iptValue变量，又通过v-bind绑定到了input组件的value上（简写为：value），可以动态赋值到input的value值。①input组件的@input事件，会在input的值发生改变时触发，将input的值传给iptValue变量。可见此时我们只用了v-model，就能实现双向绑定（input的值和iptValue的值）。
2025-07-08 18:57:30
538
原创 主键优化 + order by优化 + group by优化 + limit优化 + count优化 + update优化
目录一.主键优化1.数据组织方式2.页分裂3.页合并4.主键设计原则（主键优化的方法）①在满足业务需求的情况下，尽量降低主键的长度②插入数据时，尽量选择主键顺序插入，选择使用AUTO_INCREMENT自增主键③尽量不要使用UUID、身份证号这种无序的值做主键④业务操作时，避免对主键的修改二.order by优化三.group by优化四.limit优化五.count优化六.update优化总结
2025-07-08 10:45:55
281
原创 插入数据优化
需求场景：在公司，领导给你一个包含100万条数据的sql文件和一个表结构sql文件，让你给这100万条数据导入数据库，你如何做？比如我们数据库需要100条数据，我们可以每个insert语句插入10条数据，写10个insert语句即可。因此我们可以在执行insert语句前，开启事务，等到所有insert语句执行完毕后，再统一提交事务即可。我们可以一个insert语句，插入多行数据，而不是一个insert语句只插入一行数据。比如执行3条insert语句，就会开启3次事务，提交3次事务，很频繁。
2025-07-07 22:00:11
806
原创 Vue中v-for指令全面解析：列表渲染的核心技巧
在Vue.js开发中，v-for指令是实现列表渲染的核心特性，它能够基于数据源动态生成DOM元素，是构建动态界面的重要工具。无论是简单的商品列表还是复杂的嵌套数据结构，v-for都能高效地完成渲染任务。本文将深入探讨v-for的各种用法、性能优化技巧以及常见问题解决方案，帮助开发者掌握这一重要指令。始终使用key：提高性能，避免奇怪的行为避免v-for和v-if混用：优先使用计算属性过滤复杂列表优化：考虑虚拟滚动或分页保持数据结构扁平：减少嵌套层级注意更新检测限制：使用Vue.set或数组方法。
2025-07-06 22:51:21
908
原创 Vue计算属性(computed)全面解析：原理、用法与最佳实践
在Vue.js开发中，计算属性(computed)是处理复杂逻辑和响应式数据依赖的核心特性之一。它不仅能简化模板中的复杂表达式，还能自动缓存计算结果，显著提升应用性能。本文将系统介绍计算属性的工作原理、使用场景、高级用法以及与方法的区别，帮助开发者掌握这一重要特性，编写更高效、更易维护的Vue代码。基于其他响应式数据计算得出具有缓存机制，只有依赖变化时才重新计算像普通属性一样在模板中使用。
2025-07-06 22:47:46
740
原创 深入解析Vue中v-model的双向绑定实现原理
在Vue.js开发中，v-model指令是实现表单输入和应用状态双向绑定的重要工具。它极大地简化了表单处理逻辑，让开发者能够更专注于业务实现而非数据同步细节。本文将深入剖析v-model的实现原理、在不同表单元素上的应用方式，以及如何自定义组件的v-model，帮助开发者全面理解这一核心特性。当数据变化时，视图自动更新当用户操作视图时，数据自动更新对于自定义组件，v-model默认使用value属性和input事件：html换行复制代码23<!-- 等价于 -->html换行复制代码1<!
2025-07-06 22:42:23
1005
原创 Vue指令详解：v-if与v-show的对比与应用
在Vue.js开发中，条件渲染是构建动态界面的重要技术。Vue提供了v-if和v-show两个指令来实现条件渲染，虽然它们都能控制元素的显示与隐藏，但在实现机制和使用场景上有着显著差异。本文将深入探讨这两个指令的工作原理、性能特点以及适用场景，帮助开发者在实际项目中做出合理选择。v-if和v-showv-if：真正的条件渲染，适合条件变化较少、元素较复杂的场景v-show：CSS级别的显示/隐藏，适合需要频繁切换的场景。
2025-07-06 22:36:32
907
原创 class类和style内联样式的绑定 + 事件处理 + uniapp创建自定义页面模板
因为以后使用uniapp写项目，当创建页面时，就可以直接创建页面模版，里面包含了基本代码。
2025-07-06 21:51:54
485
原创 uniapp页面跳转和vue3部分基础知识
本文介绍了uniapp开发中的四个关键知识点：1.使用navigator组件实现页面跳转，可通过属性设置隐藏返回箭头；2.介绍常用表单组件button和input的基本用法；3.讲解Vue3模板语法中的插值表达式，包括变量展示、运算和函数调用等；4.演示如何用ref定义响应式变量并实现数据绑定。每个知识点都配有示例代码和效果说明，为uniapp初学者提供了实用开发指南。
2025-07-06 13:16:53
180
原创 scroll-view组件和swiper组件的使用
scroll-view是用于实现内容滚动的视图组件，可在有限空间内展示更多内容。示例展示了纵向和横向滚动的实现方式：纵向滚动通过设置scroll-y="true"，横向滚动需设置scroll-x="true"并配合white-space:nowrap样式。组件还包含其他属性，可参考uniapp官方文档。此外，swiper是另一种滑块视图容器组件。
2025-07-06 00:16:36
1064
原创 进程和线程的相关命令
可以看到，我们刚刚运行的Test06这个java进程的pid为36112，我们可以根据这个pid杀死该进程。打开cmd，执行以下命令，查看含有java的所有进程。杀死进程后，发现对应的java程序也停止了。根据pid，杀死java进程。运行一个java代码。
2025-06-13 23:49:46
471
原创 同步、异步
以上就是同步、异步调用，喜欢本篇文章的话，可以留个免费的关注哦~~不需要等待结果返回，就能继续运行下面的代码，这就是“异步”。需要等待结果返回，才能继续运行下面的代码，这就是“同步”。
2025-06-10 12:58:11
179
原创 进程和线程
以上就是进程和线程的基本概念，喜欢本篇文章的话，可以留个免费的关注~~从磁盘加载这个程序的代码至内存，这时就开启了一个进程。线程作为最小调度单位，进程作为资源分配的最小单位。进程就是用来加载指令、管理内存、管理IO的。一个进程之内可以分为一到多个线程。进程就可以被视为程序的一个实例。
2025-06-08 10:47:46
192
原创 将单体架构项目拆分成微服务时的两种工程结构
此时我们创建一个文件夹，在这个文件夹中，创建N个Project，每一个Project对应一个微服务，组成我们的最终的项目。
2025-06-07 12:58:02
392
原创 服务拆分原则
举例：我现在看chatgpt正火，感觉能挣大钱，于是产生了一个点子，打算做一个网站。将来升级、迭代商品服务时，需要修改的代码应当大量都在商品服务这个微服务中，而几乎不去动其他微服务。举例：黑马商城，按照业务模块，可拆分成商品、用户、订单、购物车等等几个微服务。以上两种场景，都需要风控分析功能，此时就可以把风控分析功能拆成一个微服务。举例：某大厂，一开始就资金充足、目标明确，上来就采用微服务架构搭建项目。资金充足，目标明确，可以直接选择微服务架构，避免后续拆分的麻烦。先采用单体架构，快速开发，快速试错。
2025-05-26 18:12:16
320
原创 解决虚拟机挂起后，docker容器无法访问的问题
当我们运行一个docker容器，服务正常运行，但是挂载虚拟机后，发现该docker容器虽然状态仍然是运行中，但是却无法访问。举例：mysql容器在虚拟机挂载并恢复后，无法访问，如下图：此时发现navicat连接不上该mysql容器了。
2025-05-26 17:02:20
234
原创 认识微服务
将业务的所有功能集中在一个项目中开发，打成一个包部署。微服务架构，是服务化思想（把单体架构中的功能，拆分成一个个独立的项目）指导下的一套最佳架构方案。拆分前：所有功能，放到一个项目中，打成一个jar包拆分后：每一个功能，打成一个jar包，都有独立的tomcat服务器和数据库。这样一个功能响应慢/崩溃，就不会影响到其他功能，做到了服务自治SpringCloud是目前国内使用最广泛的微服务框架。
2025-05-26 12:34:03
525
9
原创 碰到yaml配置文件编码异常，导致项目无法启动，如何解决？
这是yaml配置文件的编码问题，导致项目无法启动。喜欢本篇文章的话，可以留个免费的关注哦~~此时发现项目启动成功，问题得到解决。
2025-05-26 10:49:39
361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人