- 博客(37)
- 收藏
- 关注
原创 Golang 基本数据类型
在Go语言中数据类型分为基本数据类型和复合数据类型。整型、浮点型、布尔型、字符串。数组、切片、结构体、函数、map、通道( channel )、接口等。本文分享了Golang基本数据类型的学习心得,作为入门阶段的知识点总结。由于篇幅限制,后续会继续深入探讨更复杂的语法特性。学习编程语言需要循序渐进,建议新手从基础数据类型开始练习,逐步掌握核心概念。欢迎在评论区交流学习经验或提出疑问。
2025-08-05 22:36:34
1051
1
原创 Go语言常量
这次来学习一下Go语言中的常量,在上一期中我学习了Go语言中的变量,如果有兴趣可以看看我往期的文章,或者点击Go语言声明变量。相对于变量,常量的意思就是恒定不变的量,定义在程序运行期间不会改变的值,常量和变量的声明非常相似,只不过把var换成了const,常量在定义的时候必须赋值。
2025-08-03 22:53:00
338
原创 Go语言声明变量
如果出现一种情况,就是我现在只希望获取getUserInfo函数中返回的第一个数据,第二个不需要,这样就不能声明多个变量,因为我们声明的变量必须要使用,不然会报错,因此就需要使用到匿名变量。在使用多重赋值时,如果想要忽略某个值,可以使用匿名变量,用一个下划线 _ 表示。将要声明的变量用括号包起来,在变量名后面指定它的类型,一行只能声明一个变量。但是要注意的是,短变量只能用于声明局部变量,不能用于全局变量的声明。第一种声明方式:var 变量名称,变量名称,... 类型。
2025-08-03 22:11:02
462
原创 Go语言-fmt包中Print、Println与Printf的区别
Print:简单输出,无换行,适合紧凑格式。Println:简单输出,自动换行,适合调试和日志。Printf:格式化输出,适合复杂格式需求。
2025-07-23 02:28:53
1081
原创 安装及配置Go语言开发环境与VSCode集成指南
安装Go语言开发环境是第一步。访问,下载适合操作系统的安装包,如果进不去可以访问。根据自己的系统选择对应的安装包,我这边是Windows系统就点击安装第一个即可。点击下一步即可。验证安装是否成功可以通过命令行输入go version,当可以查看到版本号就说明下载成功。这边如果使用VScode的可以下载一个插件。
2025-07-23 02:03:19
500
原创 Vue3.6 无虚拟DOM模式
虚拟DOM作为过渡方案的价值正在降低,但其提供的开发体验和跨平台能力仍具不可替代性。未来框架可能通过编译时生成精细化更新指令,最终实现虚拟DOM的静默消亡。当然,Vapor Mode还需要时间的考验。
2025-07-20 18:56:08
470
原创 Node.js链接MySql
在现代 Web 开发和后端服务中,Node.js 因其高性能和异步特性被广泛使用。MySQL 作为流行的关系型数据库之一,提供了稳定高效的数据存储和管理能力。将 Node.js 与 MySQL 结合,可以构建强大的数据驱动型应用。
2025-07-18 19:13:32
1162
原创 Vite 配置路径别名:简化前端项目中的模块引入
在开发前端项目时,我们经常需要引入各种模块、组件或工具函数。随着项目规模的增长,文件层级越来越深,使用相对路径(如 ../../../components/Home.vue )会变得繁琐且难以维护。路径别名就可以解决这个问题,它允许我们为常用目录设置简短的别名(比如使用@代表 /src ),从而让代码更简洁,更易读。
2025-07-17 15:37:02
398
原创 Vue 3 内置组件
在vue3中其实还有一个内置组件<Suspense>,为什么在这里没有介绍呢?那是因为作为内置组件未被详细介绍,主要原因是其当前仍处于实验性阶段。官方明确声明该功能尚未稳定,未来API可能发生变更,故不推荐在生产环境中依赖这一特性。随着 Vue 生态的不断发展,掌握这些核心组件将有助于开发更灵活、高效的前端应用。建议结合官方文档和实际项目实践,深入理解其使用场景和最佳实践。
2025-07-16 00:33:33
1006
原创 CSS动画下划线
在项目开发中,难免会遇到一些特别的需求,就比如具体要将的动态下划线,如何实现的呢?今天就来学习一下。首先要明白一个道理,下划线用什么,用border可以吗,这显然是不行的,因为border无法去控制一个宽度,那用什么可以呢?
2025-07-12 19:19:01
181
原创 一篇文章带你了解react中的常用hooks
React Hooks 提供的高效开发方式已成为现代前端开发的核心工具。本次重点介绍的 Hooks 功能虽然只是整体的一部分,但它们在实际项目中应用频率最高,能够显著提升代码的可维护性和开发效率。掌握这些常用 Hooks 后,可以逐步探索更高级的用法,进一步优化组件逻辑和状态管理。熟练运用这些基础功能将为后续深入 React 生态打下坚实基础。
2025-07-12 17:36:04
986
原创 前端开发者福音:Uiverse Ui库
Uiverse UI 库是前端开发领域中的一款高效且美观的工具,以其轻量、模块化和高度定制化的特点,为开发者提供了全新的解决方案。无论是企业级应用还是个人项目,Uiverse 都能提供丰富的组件和灵活的样式配置,帮助开发者节省时间并提升用户体验。
2025-07-06 01:48:52
258
原创 Vue3插槽
Vue3 的插槽机制为组件化开发提供了强大的内容分发能力,通过不同类型的插槽可以实现灵活的组件组合和复用。默认插槽子组件使用<slot>作为内容占位符父组件内容自动填充到未命名的插槽位置可通过显式指定默认插槽内容具名插槽子组件中为<slot>添加 name 属性命名父组件通过定向分发内容多个插槽需保持名称唯一性动态插槽使用变量动态绑定插槽名称适合需要运行时切换插槽内容的场景可通过 v-for 批量处理多个动态插槽作用域插槽子组件通过传递数据。
2025-07-05 02:31:47
1854
原创 JavaScript模块化开发规范
模块化开发通过拆分代码为独立单元,明确接口与依赖关系,解决了早期JavaScript的全局污染和依赖混乱问题。ES Modules和CommonJS作为两种主流规范,分别适应了不同场景的需求。ES Modules作为语言标准,支持静态分析和异步加载,是现代开发的推荐方案。通过设置中的可启用Node.js对ESM的支持。ommonJS规范是Node.js早期的模块化解决方案,采用同步加载机制。其核心是通过导出、require导入。
2025-07-05 01:14:20
973
原创 Node.js核心API(fs篇)
Node.js的fs模块为开发者提供了强大而灵活的文件系统操作能力,覆盖从基础读写到高级流处理的各类场景。通过同步、异步和Promise三种模式,开发者可根据项目需求选择最佳实践方式,平衡代码可读性与性能要求。文件流处理技术(可读流/可写流)尤其适合大文件操作场景,有效避免内存压力。目录创建与删除的递归选项、文件监听机制等特性,为构建自动化工具和实时系统提供了底层支持。现代JavaScript开发中,建议优先考虑Promise-based API或异步模式,结合错误处理机制构建健壮的应用。
2025-07-04 08:45:00
757
原创 axios的使用以及封装
axios 作为现代前端开发的核心工具,其灵活性和强大功能为 HTTP 请求处理提供了高效解决方案。通过原生使用和二次封装,开发者能够根据项目需求实现从基础到进阶的请求管理。封装后的代码不仅提升了可维护性,还通过统一配置和拦截机制增强了健壮性。接口解耦进一步优化了项目结构,使团队协作更加规范。掌握这些技巧将显著提升开发效率和代码质量,为复杂应用奠定坚实基础。
2025-07-03 03:50:28
1015
原创 Vue3组件通信
组件通信是Vue开发中的核心技能,掌握多种通信方式可以灵活应对不同场景的需求。从简单的父子通信到复杂的跨层级通信,合理选择方法能让代码更清晰、维护更方便。
2025-07-02 04:36:42
970
原创 从0创建vuex状态管理仓库
通过本文的梳理,相信您对Vue2状态管理有了更清晰的认知。期待您在后续开发中灵活运用这些技巧,构建更健壮、可维护的Vue应用!如有疑问或想深入讨论,欢迎交流分享。
2025-07-01 07:46:54
597
原创 pinia状态管理仓库
来总结一下state在pinia和vuex中的不同:1.写法上:pinia中state是一个函数,而vuex中state是一个对象;2.修改数据:pinia中可以直接修改state的数据,而vuex中不可以直接修改state中的数据,需要通过mutation提交才可以。Pinia作为Vue3的官方推荐状态管理库,以其简洁的API设计和更好的TypeScript支持,显著提升了开发体验。通过对比Vuex,Pinia的优势主要体现在以下方面:Pinia取消了Vuex中繁琐的modules。
2025-07-01 04:41:32
979
原创 vue实现图片预加载
图片预加载和懒加载都是为了性能问题,那什么是预加载呢,我这边就给大家简单介绍一下。正常情况下,我们在进入一个页面时才会加载该页面中的图片,然后将图片放入缓存中,下次进入该页面就不用加载加载过的图片了,当图片多加载慢时,会有用户体验不佳等问题。当项目需求需要用户进入网站时,比方说进入到首页时,就会自动加载网站中的所有图片,这时候就运用到了图片预加载。 就比如我上面写的一个小例子,当点击About时,才会发送请求加载图片,现在我需要进入这个网页,还在Home中时就开始发送请求加载图片了,下面我就
2025-06-28 05:14:03
417
原创 vue3.5中useTemplateRef获取DOM元素
vue3.5推出了一种新的获取DOM元素的API(useTemplateRef),它与vue3.5之前获取DOM元素有什么不同呢?今天我们来学习一下。 在vue3.5之前,我们要给需要获取DOM元素上面添加一个ref,然后给这个ref一个名字,在逻辑代码中创建一个变量,变量名需要和DOM元素上ref的名称相同。代码如下: 这样我们就成功的获取到了这个DOM元素,这样的缺点显而易见,它的变量名称不能随意更改,灵活性不高。 因此在vue3.5推出了useTemp
2025-06-27 05:24:08
434
原创 vue3中如何监听子组件或子节点的生命周期
大晚上的睡不着刷dy看到了这样的监听子组件和子节点的方式,觉得非常有用,就自己写了一个小例子分享给大家,如果觉得有用请给我点个免费的赞。对了,还有一点,这是vue3中监听子组件和子节点的方法,在vue2中将@vue改为@hook,希望这篇博客能给你带来帮助。
2025-06-27 04:52:46
566
原创 Sequelize:Node.js 项目中数据库管理的 “秘密武器”
Sequelize是一个基于Node.js的ORM库,支持多种关系型数据,就比如说常用到的MySQL,以及PostgreSQL、SQLite等等。他允许开发者通过JavaScript或TypeScript对象操作数据库,不需要直接编写SQL语句,简化了数据库交互流程,提升开发效率。使用 JavaScript 类或 define 方法定义数据模型,每个模型对应数据库中的一张表。Sequelize 是一个功能强大且灵活的 Node.js ORM 工具,通过这次学习,我掌握了其基本的使用方法和核心概念。
2025-03-12 15:47:22
1284
原创 通过一个项目学习微信小程序
为了更好的学习微信小程序,本人就在网上找到了一个项目来巩固经验,这篇博客我会介绍一些在这个自主项目中所遇到的问题,如何解决的一种思路,以及一些心得。长话短说,直接进入正题。微信小程序作为当前移动应用开发领域的热门技术之一,其独特的优势和广泛的应用场景,让我对其产生了浓厚的兴趣。然而,理论知识的学习只是万里长征的第一步,真正的挑战在于如何将所学应用于实际项目中。在这个过程中,我遇到了无数的技术难题和实际问题,但正是这些挑战,促使我不断查阅资料、请教他人,并尝试多种解决方案,最终找到了适合自己的方法。
2024-12-05 18:44:07
1120
原创 vue指令
在前端开发的世界里,Vue.js 已经成为了一个不可忽视的框架。它以简洁、易用和高效著称,为开发者提供了丰富的工具集,其中 Vue 指令(Directives)更是其强大的核心功能之一。本文将深入探讨 Vue 指令,带你领略其魅力,并解锁前端开发的新技能。Vue 指令是带有v-前缀的特殊特性。指令属性的值预期是单个 JavaScript 表达式(v-for 是例外情况,它预期一个表达式数组)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM 上。
2024-11-04 00:23:19
762
原创 webpack核心概念
作为一个现代 JavaScript 应用程序的静态模块打包器(module bundler),Webpack 凭借其强大的功能和灵活性,成为了前端开发者的首选工具。今天,我们就来深入探讨 Webpack 的几个核心概念,帮助你更好地理解和使用这个强大的工具。点击<<<
2024-10-25 00:39:43
1133
原创 小米商城全栈项目
小米商城全栈项目采用了前后端分离的设计思路,后端的我使用到了nest.js框架,数据库方面,项目选择了MySQL来存储用户信息和商品数据。然后通过引用axios来获取后端数据,确保数据的实时性和准确性,因为刚刚才学习了nest.js框架,在本次项目中也遇到了一些问题,同时,我会将遇到的问题与解决思路给到大家,希望看完这篇博客对您会有一些帮助。点这里<<<
2024-10-20 16:01:50
869
原创 JavaScript数组方法
JavaScript这门强大而灵活的编程语言中,数组(Array)无疑是最基础且使用最频繁的数据结构之一。它允许我们以有序的方式存储多个值,并提供了丰富的内置方法来操作这些值,包括但不限于添加、删除、搜索、遍历等。掌握JavaScript数组的方法,不仅能够提高我们的编程效率,还能让我们在处理复杂数据结构时更加得心应手。本文将全面解析JavaScript数组的各种常用方法,并通过实战示例展示它们的应用场景,帮助读者深入理解并灵活运用这些强大的工具。
2024-10-08 00:58:12
1214
原创 TypeScript高级类型
上一期我们讲到了TypeScript的基础类型,不了解TypeScript可以看我上期的内容。点击此处<<<这次我们来学习TypeScript的高级类型。
2024-10-08 00:56:20
666
原创 TypeScript基础类型
在当今的软件开发中,前端主流的语音无疑是JavaScript。但随着项目规模的不断扩大和复杂性的增加,JavaScript开始暴露出了许多问题,就比如说类型系统的缺乏。为了解决此类问题,微软开发了一种自由和开源的编程语音TypeScript。它是JavaScript的一个超集,为 JavaScript 代码添加了静态类型和基于类的面向对象编程。简单来说JavaScript是操作数据的,但是TypeScript是操作类型的。点击此处<<<
2024-10-06 21:41:04
1472
原创 ES6新特性-可选链和空值合并
不仅仅是0和空值,只要是隐式转换为假值的都会取到后面的默认值,但有时候我们并不希望0和空值为假值,当数据为undefined和null时才为假值时,显然无法去使用电路与,为了专门处理null和undefined的异常场景,在ES6推出了空值合并(?缺点:当我们使用了可选链写法,但结果返回的是undefined时,我们并不能准确找到错误的来源,它是一个会隐藏错误的操作,如果需要显示的暴露错误,不建议使用。1.适用场景有限:仅限于处理null和undefined的场景,对于其他假值的处理需要使用其他的方法。
2024-09-21 23:42:49
665
原创 JavaScript事件循环(Event Loop)
在JavaScript的世界中,事件循环(Event Loop)是一个核心概念,它支撑着JavaScript处理异步操作的能力,让JavaScript能够在单线程环境中优雅地应对复杂的异步编程需求。本文将深入探讨JavaScript事件循环的工作原理、变化历程、优化策略,以及它如何在实际编程中发挥作用。一、事件循环的背景JavaScript创立之初是单线程的,所谓单线程就是只有一个线程存在,同一时间只能做一件事。
2024-09-17 03:26:38
1875
原创 JavaScript高级-原型和原型链
在深入探索JavaScript的广阔领域时,原型(Prototype)和原型链(Prototype Chain)无疑是两个核心概念,它们不仅是理解JavaScript对象模型的关键,也是实现高效、可扩展代码的基础。作为JavaScript高级特性的重要组成部分,原型和原型链不仅揭示了JavaScript对象之间复杂而优雅的关系网,还为我们提供了一种强大而灵活的继承机制。在JavaScript中,万物皆对象,而对象之间通过原型链相互连接,形成了一个错综复杂的网络。
2024-09-05 16:24:18
1097
原创 交换a=5和b=10两个数的值
这种方法将加减发使用的十分巧妙,首先将a + b的值赋给a,a这时候就变成了15,这时候a为15,而b不变还是为5,a - b的值就是15 - 5为10重新赋值给b,b这时候就变成了10,a - b现在就为15 - 5,结果为10赋值给a,将结果打印出来,可以看到a,b两个值发生了交换。声明一个新的变量,我这里设了一个变量名为c,将a的值赋给c,这时候c也就是等于5了,下一步将b的值赋给a,a就为10,c不会发生变化,还是为5,因此将c赋值给b,b就为5了,将结果打印出来,可以看到a,b两个值发生了交换。
2024-08-28 17:23:41
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人