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