前端开发
TypeScript 项目中基于 Axios 的后端接口封装实战

本文详细记录在 TypeScript 项目中封装 Axios 的全过程。从定义全局配置与认证逻辑入手,通过创建 ApiClient 类统一处理请求拦截、错误处理及 401 跳转。结合统一返回值接口 ApiResponse,实现类型安全的接口调用,并提供具体服务层示例,提升代码可维护性与开发体验。

10.31
热度 330
深入理解TypeScript类型兼容性:规则与实战

本文深入解析TypeScript类型兼容性机制,涵盖结构化类型、函数参数与返回值匹配、枚举与类的兼容规则及泛型处理。通过代码示例阐明赋值条件,帮助开发者利用类型检查规范代码并避免编译错误。

10.31
热度 245
Fuse.js 模糊搜索实战:从基础配置到 React 实时联想

本文详细介绍如何使用 Fuse.js 在 Web 应用中实现高效的模糊搜索功能。内容涵盖 Fuse.js 的安装、基础配置(如 keys、threshold)及高级用法,并深入讲解如何在 React 项目中结合 useState 和事件监听,构建支持实时联想的搜索组件,提升用户体验。

10.31
热度 160
TypeScript中?.、??与??=运算符详解

本文详细介绍TypeScript中三个关键运算符:可选链?.用于安全访问可能为空的属性;空值合并??提供默认值;空值合并赋值??=简化赋值逻辑。同时对比??与||的区别,帮助开发者避免运行时错误并编写更简洁的代码。

10.31
热度 507
TypeScript中declare关键字的用法详解

本文介绍TypeScript中declare关键字的多种应用场景。通过示例演示如何声明顶层类型、模块(如CSS/图片)及全局变量,帮助开发者在不引入额外文件的情况下直接使用类型定义,有效解决第三方库集成时的类型报错问题。

10.31
热度 210
React项目中利用jsdiff实现文本差异对比功能

本文介绍在React内部系统中,如何利用jsdiff库实现发版记录的文本差异对比功能。通过封装组件处理diffChars方法,并解决换行符渲染问题,帮助开发者快速掌握前后端文本变更展示方案。

10.31
热度 303
TypeScript 正则表达式:元字符、标志与核心 API 详解

本文详细解析 TypeScript 中正则表达式的常用元字符与标志,涵盖分组、量词及特殊字符用法。通过实例演示 RegExp 类的创建方式,并深入讲解 test、exec、match、replace 和 search 等核心 API 的具体应用,同时介绍 source 和 flags 属性,帮助开发者高效进行字符串模式匹配与处理。

10.31
热度 280
TypeScript never类型实战:利用类型收窄实现 exhaustive checking

本文深入解析TypeScript中never类型的特性及其在确保类型约束精确性中的应用。通过示例展示如何利用never类型进行Exhaustive Checking(穷举检查),在扩展联合类型时自动触发编译错误,从而在大型项目中有效避免遗漏分支处理,提升代码的可维护性与安全性。

10.31
热度 357
JavaScript与Vue中禁用鼠标右键菜单的实现方法

本文介绍了在JavaScript和Vue项目中禁用鼠标右键菜单的方法。通过oncontextmenu事件和addEventListener监听contextmenu事件,结合preventDefault()阻止默认行为。在Vue中,利用@contextmenu指令实现自定义右键菜单功能,并处理显示、定位及隐藏逻辑。

10.31
热度 604
TypeScript判断两个数组内容是否相等的实现

本文介绍在TypeScript中判断两个数组内容是否相等的多种实现方式,包括直接遍历、利用indexOf与includes的区别处理NaN、给重复元素编号、统计元素次数以及加减抵消法。文章详细分析了各种方法的优缺点及边界情况,如NaN、null、undefined以及类型转换问题,并提供了相应的代码示例。

10.31
热度 661
JavaScript实现给数字添加千位分隔符

本文详细介绍在JavaScript中为数字添加千位分隔符的多种实现方式,包括手动遍历字符串、使用正则表达式、toLocaleString及Intl.NumberFormat方法。同时提供在Vue项目中创建并全局挂载数字格式化过滤器的完整步骤,便于在页面中直接复用。

10.31
热度 599
TypeScript 使用 using 关键字自动管理资源释放

本文介绍 TypeScript 中 using 关键字的使用方法。通过定义 Symbol.dispose 或 Symbol.asyncDispose,开发者可实现文件、数据库等资源的自动释放,避免手动管理连接导致的内存泄漏或资源占用问题。文章涵盖同步与异步场景下的具体代码示例及作用域规则。

10.31
热度 297

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署