- 博客(16)
- 资源 (1)
- 收藏
- 关注
原创 vue3-核心语法-08
本文对比了Vue2和Vue3的生命周期钩子函数,重点介绍了Vue3的组合式API生命周期。Vue3将setup()作为组合式API的起点,并提供了onBeforeMount、onMounted等新钩子函数。通过一个Person.vue示例程序,演示了如何使用这些钩子函数监测组件的挂载、更新和卸载过程。文章指出常用的钩子包括onMounted、onUpdated和onBeforeUnmount,帮助开发者在不同阶段执行相应逻辑。
2025-10-21 15:51:12
389
原创 vue3-核心语法-07
Vue3中的watch API提供了多种数据监听方式:1) 监听ref基本类型直接写变量名;2) 监听ref对象类型需手动开启deep;3) reactive对象默认深度监听;4) 可监听对象中的特定属性;5) 支持同时监听多个数据源。watchEffect能自动追踪依赖,立即执行并响应变化。两种方式都支持停止监听,适用于不同场景的数据监控需求,是Vue3响应式系统的核心功能之一。
2025-10-21 15:19:41
293
原创 vue3-核心语法-06
Vue 3计算属性(computed)是一个重要的响应式特性,用于声明式定义派生值。它具有自动依赖追踪、缓存机制和惰性求值三大特性,能提高性能并简化代码逻辑。基本语法是通过computed()函数定义,在组合式API中使用。示例展示了如何通过计算属性实现全名的自动拼接,当姓或名变化时自动更新。计算属性使模板更简洁,同时避免了不必要的计算开销。
2025-10-21 14:51:41
224
原创 vue3-核心语法-05
Vue3中toRefs与toRef的作用是保持响应式对象解构后的响应性。直接解构响应式对象会失去响应性,而使用toRefs可以批量转换对象属性为ref,toRef则用于单个属性转换。示例展示了如何解构reactive和ref对象,并演示了修改解构后的变量仍能触发原对象更新。关键点包括:保持响应式连接、组合式函数中的使用注意事项,以及通过完整示例程序展示了实际应用场景。这些API在Vue3组合式开发中尤为重要,能有效解决解构导致的响应性丢失问题。
2025-10-19 00:04:34
338
原创 vue3-核心语法-04
本文介绍了Vue3的核心语法中ref和reactive的使用对比。主要内容包括:1) 通过示例展示如何使用ref创建对象类型的响应式数据;2) 对比ref和reactive的差异,包括定义类型、使用方法和注意事项;3) 提供完整示例代码,展示两种响应式API的实际应用;4) 建议使用插件自动添加.value简化开发。文章指出,基本类型数据必须使用ref,对象类型数据可根据层级深度选择ref或reactive,深层对象推荐使用reactive。最后提示后续将持续更新Vue相关知识点。
2025-10-18 23:40:02
240
原创 vue3-核心语法-03
Vue3核心语法主要包括ref和reactive两个响应式API。ref用于定义基本类型响应式数据,返回RefImpl实例对象,JS中需用.value操作,模板中直接使用。reactive用于定义对象类型响应式数据,返回Proxy实例对象,支持深层次响应式。示例展示了两种API的使用方法和注意事项,包括数据修改和模板绑定。文章还提供了一个完整的Person.vue组件示例,演示了reactive定义对象数据的监视和修改操作。这些是Vue3响应式编程的基础核心内容。
2025-10-18 21:38:51
314
原创 vue3-核心语法-02
本文介绍了Vue3的核心语法,重点对比了Options API和Composition API的区别。Options API存在代码分散、维护困难的问题,而Composition API通过setup函数组织代码,使功能更集中。文章详细讲解了setup的特点,并提供了一个简单的Vue3组件示例,展示如何使用ref定义响应式数据和方法。后续将继续更新Vue3相关知识点。
2025-10-18 21:05:54
287
原创 vue3-01
Vue是一套用于构建用户界面的渐进式JavaScript框架,它的核心目标是让前端开发变得更加简单、高效和可维护。vue官方文档数据驱动视图:这是Vue最根本的理念。我们不再需要直接操作DOM,只需要关心数据本身。当数据发生变化时,Vue会自动、高效地更新到对应的视图中。这极大地简化了代码逻辑,让开发者可以更专注于业务本身。组件化:Vue允许我们将页面拆分成一个个独立、可复用的组件。每个组件都有自己的视图、逻辑和样式。这种‘分而治之’的思想使得大型应用的开发、测试和维护变得非常清晰和高效。声明式编程。
2025-10-18 20:45:32
759
原创 go初探-学习篇4
Go语言类型转换需要显式操作,不支持隐式转换。主要包括:1)基本类型互转(如int与float64);2)数字与字符串转换需用strconv包;3)字符串与[]byte/[]rune互转;4)接口类型断言;5)自定义类型与基础类型强制转换。文中提供了完整示例代码,演示了各种转换场景,强调类型安全性和显式转换规则。这些转换方法可满足日常开发需求,是Go语言类型系统的关键特性之一。(149字)
2025-09-10 21:24:52
331
原创 go初探-学习篇3
本文介绍了Go语言中的类型系统,主要包括基本类型(整数、浮点数、布尔、字符串等)、复合类型(数组、切片、映射、结构体)和引用类型(指针、函数、接口、通道)。文章通过代码示例展示了各种类型的定义和使用方式,并说明了类型定义与别名的区别。最后提供了一个包含多种类型使用的完整示例程序,帮助读者理解Go语言的类型特性。文章强调合理使用类型可以提高程序效率和可读性,并预告后续会详细讲解某些特定类型。
2025-09-10 21:07:43
339
原创 go初探-学习篇2
本文详细介绍了Go语言中的变量和常量使用。主要内容包括:1)变量定义4种方式(标准声明/类型推导/简短声明/批量声明);2)变量的零值特性;3)常量const声明;4)匿名变量_用法;5)命名规范(驼峰式、见名知意);6)代码风格要求(无分号、运算符空格等)。文中提供了完整示例代码演示各种变量声明方法,并强调Go语言通过go fmt工具强制统一代码风格。适合Go初学者系统学习变量相关基础知识。
2025-09-10 20:42:15
329
原创 go初探-学习篇1
本文介绍了Go语言的基本概念、特点及应用场景。Go是Google开发的开源编程语言,具有高效、简洁、内置并发支持等特点,适合后端服务、云原生开发和工具开发。文章提供了Go的安装方法和第一个简单程序示例,帮助读者快速入门。后续将持续更新Go语言相关知识点。
2025-09-10 12:53:45
589
原创 Nginx 限流
Nginx限流策略摘要:Nginx提供多种限流方法保护后端服务,包括请求速率限流(limit_req模块)控制每秒请求数,并发连接数限流(limit_conn模块)限制IP连接数,以及基于OpenResty的Lua灵活限流(支持多维度控制)。标准模块可满足多数场景,复杂需求可使用第三方方案。核心要点:limit_req控频率,limit_conn控数量,Lua实现自定义策略。根据实际需求选择相应限流方式,平衡服务性能与防护效果。
2025-09-02 14:39:53
342
原创 ubantu22.04部署mysql8.0主从
摘要: 本文详细介绍了在Ubuntu 22.04系统中部署MySQL 8.0主从架构(Master-Slave)的完整流程。通过配置主库(192.168.20.138)和从库(192.168.20.139),实现读写分离和基础容灾能力。关键步骤包括:主库启用二进制日志并创建复制用户,锁表记录Binlog位置;从库配置中继日志并导入主库数据,最后通过CHANGE REPLICATION SOURCE TO建立主从关系。验证成功后解锁主库,测试数据同步功能。此方案有效提升数据库读取性能,适合高可用场景。
2025-08-31 16:55:07
860
原创 ubantu22.04下搭建nginx实现负载均衡
本文介绍了在Ubuntu 22.04系统下使用Nginx搭建负载均衡的完整流程。主要内容包括:Nginx作为高性能Web服务器和负载均衡器的特点,负载均衡架构流程图(包含入口服务器和两个应用服务器),安装Nginx的简单命令(sudo apt install nginx -y),三种负载均衡模式配置(轮询权重、IP Hash和最少连接),以及具体的配置示例。文章最后提供了测试方法,通过在不同应用服务器上设置不同标识内容来验证负载均衡效果,并建议根据实际生产需求选择合适的负载均衡模式。
2025-08-30 14:50:05
251
原创 ubantu22.04下部署redis
摘要: 本文介绍了在Ubuntu 22.04下部署Redis的三种模式:主从复制、哨兵模式和集群模式。主从复制实现读写分离和数据冗余,但需人工干预故障;哨兵模式通过自动故障转移提升高可用性,但写性能仍受限;集群模式通过分片和内置故障转移支持大规模数据与高并发。详细步骤包括环境准备、Redis安装、配置文件修改及模式部署,并分析了各模式的优缺点。适用于需要Redis高可用或高性能场景的开发者。
2025-08-30 14:22:32
1560
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅