- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue 3 + TypeScript 模态框组件实现
在这篇文章中，我们展示了如何使用 Vue 3 和 TypeScript 构建一个模态框组件。通过使用props和emit，我们能够实现灵活的数据传递和事件处理，并且通过样式设计让模态框在页面中以美观的方式展现。
2024-10-18 15:08:15
347
原创 使用 Vue 3 的 useDataFetch 钩子函数实现分页数据获取
是一个功能强大且灵活的分页数据获取钩子，它封装了从 API 获取数据的逻辑，并且支持分页和排序。同时，使用 Vue 3 的reactiveAPI 实现了状态管理，确保在数据获取过程中能够实时响应并更新视图。通过这个钩子函数，开发者可以轻松复用分页数据获取的逻辑，避免在每个组件中重复编写类似的代码，并能在需要时根据实际需求进行扩展。你可以在项目中根据实际 API 的结构和返回格式，进一步修改该钩子函数的实现。
2024-10-14 08:54:48
1071
原创 Go语言中的原子操作及其应用场景
在并发编程中，原子操作是一种保证在多线程环境下对共享数据进行操作时，操作的原子性（不可分割性）的技术。Go语言提供了一套原子操作的库，使得开发者可以安全地在并发环境中操作变量。
2024-06-02 23:00:42
481
原创 使用 Zap 进行高效日志记录
zap是一个为Go语言编写的快速、结构化、级别化的日志库。它旨在提供简单的API，同时保持高性能和低内存消耗。zap的设计哲学是使得日志记录变得简单、灵活且强大。zap是一个功能强大、灵活且性能优异的日志库。它提供了丰富的特性，如结构化日志、多种日志级别和高性能，使其成为Go开发者的理想选择。通过这篇博客，你应该对如何使用zap有了基本的了解。如果你准备在你的Go项目中引入高效的日志记录，zap是一个值得考虑的选项。希望这篇博客能帮助你开始使用zap。如果你有任何问题或需要进一步的帮助，请在评论区留言。
2024-06-01 15:41:40
347
原创 Golang GORM 日志适配详解
在Go语言中，接口是定义一组方法的类型。通过接口，我们可以定义一个统一的调用方式，而具体的实现可以是多种多样的。在GORM中，日志接口允许我们自定义日志记录的行为。通过适配器模式，我们可以将现有的日志库与GORM集成，而不需要修改GORM的日志系统或日志库本身。这种方式提供了极大的灵活性，允许开发者根据自己的需求定制日志记录的行为。日志适配器不仅有助于代码的解耦，还使得日志系统的替换变得更加容易。通过定义清晰的接口和适配器，我们可以保持代码的开放性和可扩展性，同时也能够更好地维护和测试我们的应用程序。
2024-06-01 15:22:36
463
原创 自定义Gin日志中间件：深入解析与实现
在下面的代码中，我们定义了一个结构体，它用来构建和配置我们的日志中间件。通过NewBuilder函数，可以创建一个中间件构建器，并设置一个日志函数loggerFunc，该函数将用于记录日志。
2024-05-31 21:09:46
1339
原创 使用Redis实现滑动窗口限流
通过使用Redis和Lua脚本，我们可以方便地实现滑动窗口限流算法，保护后端服务免受突发流量的冲击。在实际应用中，我们可以根据业务需求和系统负载情况调整窗口大小和阈值，从而达到更好的限流效果。滑动窗口限流算法是一种简单而有效的限流手段，在分布式系统中具有广泛的应用前景。
2024-04-21 13:28:36
429
1
原创 短信服务商轮询切换
通过以上的实现，我们不仅实现了基本的故障转移策略，还考虑了更为复杂的故障转移与优化策略。同时，我们也提供了灵活的参数类型支持，使得更为通用。在实际应用中，我们可以根据具体的需求和场景来选择合适的故障转移策略和参数类型，以提高短信发送的成功率和稳定性。
2024-04-21 13:21:48
464
1
原创 vue后台动态路由扁平化与过滤
递归地将菜单列表进行扁平化处理，以便更方便地添加动态路由。函数接受一个菜单列表。的作用是递归地过滤出需要在左侧菜单中渲染的菜单列表，即剔除具有。作为参数，并返回一个扁平化后的菜单数组。作为参数，并返回一个过滤后的菜单数组。函数接受一个菜单列表。
2023-09-09 22:02:49
567
原创 基于element-plus封装Axios
这段代码封装了一个可配置的请求类 RequestHttp，它使用 Axios 发送 HTTP 请求，并提供了一些额外的功能，例如请求拦截器和响应拦截器，用于处理请求和响应，以及设置请求头、显示错误信息等操作。
2023-09-06 22:43:17
277
1
原创 前端常见错误
有时候我们会遇到样式不起作用的问题，即为元素设置样式，但是页面中元素的样式却没有改变。解决方法：使用开发者工具跟踪和分析内存使用情况，找出产生内存泄漏的代码，并修改以确保正确释放内存。解决方法：检查事件是否正确绑定、元素是否已被正确添加到文档中、是否添加了正确的事件侦听器等。在JavaScript中，如果使用了未声明或未定义的变量，就会出现未定义的错误。解决方法：审查CSS文件，检查选择器是否正确、样式是否被覆盖或未链接到HTML文件等。解决方法：检查URL是否正确输入、资源是否存在、是否正确链接等。
2023-06-06 11:06:39
237
1
原创 vue实现分页器组件的封装
Vue分页器组件是一个常见的组件，用于在页面中展示分页数据，并提供翻页功能。在本篇博客中，我们将介绍如何用Vue封装一个分页器组件。
2023-05-23 14:19:42
1839
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人