
封装工具
文章平均质量分 75
记录封装一些工具等等
寻觅~流光
我是菜鸡
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
封装---统一处理接口与打印错误信息
本文介绍了如何封装统一API请求函数来优化前端开发。通过创建一个可配置的apiRequest工具函数,实现了自动错误处理、日志打印和Toast提示等功能,避免了重复编写try/catch代码块。文章详细展示了单个和批量接口的封装方法,支持灵活的配置选项,包括请求命名、日志开关、提示消息等。这种封装方式显著提升了代码的可维护性和开发效率,特别适合大型前端项目。作者还提供了完整的TypeScript实现代码和使用示例,并讨论了该方案的扩展可能性,如加载状态管理、性能监控等。原创 2025-07-15 22:31:33 · 1352 阅读 · 0 评论 -
封装---优化try..catch错误处理方式
《优雅处理异步错误:Go式错误处理在JavaScript中的应用》 本文针对JavaScript异步操作中多层try-catch嵌套导致的"回调地狱"问题,提出了一种Go语言风格的解决方案。核心思路是封装通用处理函数to(),将异步操作包装为返回[结果,错误]数组的形式,通过显式判断替代嵌套捕获。这种方案使代码保持线性结构,显著提升可读性和可维护性。文章还介绍了批量处理接口的实践方法,并建议添加错误格式化等扩展功能。该模式将异常捕获转化为显式判断,虽然略微增加代码量,但带来了更清晰的流程原创 2025-07-13 23:59:36 · 926 阅读 · 1 评论 -
封装---统一封装处理页面标题
如果你使用 Vue Router(通常用于多页 SPA),可以这样统一控制标题。如果要在每个页面设置相同的网站标志可以使用下面的appName。我这里采用svelte框架示例,其他vue,react大差不差。在utils目录下新建文件:setPageTitle.ts。其中的appName定义在.nev文件中:.nev。多个页面中用更统一的方式设置。使用时直接导入这个工具使用。上面两个代码在一个文件中;原创 2025-07-13 22:01:00 · 330 阅读 · 0 评论