前端开发
Vue 中使用 vuedraggable 实现列表拖拽排序

本文介绍如何在 Vue 项目中通过 npm 安装并引入 vuedraggable 组件,实现列表项的拖拽排序功能。包含具体的安装命令、引入方式及 Test.vue、main.js 和 app.vue 的核心代码示例,帮助开发者快速掌握该功能的集成方法。

10.25
热度 81
TypeScript 只读修饰符 readonly 详解:接口、类与函数参数

本文详解 TypeScript 2.0 引入的 readonly 关键字。介绍如何在 interface 和 type 中定义只读属性,限制类中属性的修改(仅限构造函数),以及函数参数只读的应用。同时说明 readonly 仅作用于编译时,运行时无效,并展示 ReadonlyArray 防止索引赋值的方法。

10.25
热度 621
Vue封装左右滑动日期选择组件教程

本文介绍如何在Vue项目中封装一个支持左右滑动操作的日期选择组件。通过引入dayjs处理日期逻辑,结合自定义CSS样式实现交互效果,并展示组件在页面中的具体调用方式,帮助开发者快速集成滑动日历功能。

10.25
热度 653
在TypeScript项目中配置BDD测试:Cucumber.js实战指南

本文详细介绍如何在TypeScript项目中集成BDD(行为驱动开发)测试。通过配置Cucumber.js框架和Gherkin语法,实现业务需求与自动化测试的紧密连接。内容涵盖环境搭建、Feature文件编写、Step Definitions映射及测试执行命令,帮助开发者提升代码质量与团队协作效率。

10.25
热度 345
TypeScript泛型约束条件示例详解

本文深入解析TypeScript中的泛型机制,重点讲解泛型约束(Generic Constraints)的应用。通过具体代码示例,演示如何利用extends关键字限制类型变量,解决泛型内部无法访问属性值的问题。同时涵盖泛型函数的类型指定与自动推导,帮助开发者编写类型安全且灵活的TypeScript代码。

10.25
热度 334
TypeScript 开启严格空值检查(strictNullChecks)详解

本文详细介绍如何在 TypeScript 中启用 strictNullChecks 严格空值检查模式。通过配置 tsconfig.json 或命令行参数,可防止 null 和 undefined 被隐式赋值给其他类型。文章涵盖联合类型、可选属性及函数回调的安全检查方法,帮助开发者提升代码健壮性。

10.25
热度 417
TypeScript中string与String的区别详解

本文深入解析TypeScript中string与String的核心区别。string为ES6支持的原生类型,无额外属性;String为对象包装类型,支持方法调用及属性扩展。通过代码对比展示两者在内存引用、eval处理及属性赋值上的不同表现,帮助开发者根据场景选择合适的类型定义方式。

10.25
热度 378
TypeScript 中安全遍历对象的三种方法:for...in、Object.keys 与 Object.entries

本文详解在 TypeScript 中遍历对象的三种常见方式:for...in、Object.keys 和 Object.entries。针对 TypeScript 静态类型检查导致的类型错误,分别介绍了使用 keyof 类型断言、类型转换及解构赋值等解决方案,并探讨了运行时属性与静态类型差异的根本原因。

10.25
热度 159
TypeScript 数据类型详解与示例

本文系统总结 TypeScript 中的各类数据类型,涵盖布尔、数字、字符串、数组、元组、枚举、any、void、never 及对象类型。通过对比 JavaScript 基础,详解各类型的定义语法、使用场景及编译期类型检查机制,帮助开发者规范代码并提升开发效率。

10.25
热度 548
TypeScript 函数与类核心特性详解

本文深入解析 TypeScript 中函数与类的关键特性。涵盖函数类型定义、参数注解、可选与剩余参数、this 推导及函数重载机制。同时详细讲解类的初始化、继承、多态实现,以及 public、private、protected 等成员修饰符、readonly、访问器和静态成员的用法,帮助开发者编写更规范的 TS 代码。

10.25
热度 350
TypeScript 接口与泛型核心用法详解

本文系统介绍 TypeScript 中接口(interface)与泛型(generic)的核心用法。涵盖对象类型、索引类型、函数类型及枚举的定义方式,解析接口与 type 关键字的区别、多继承与实现机制。深入讲解泛型函数、接口与类的泛型应用,以及通过继承进行类型约束的方法,帮助开发者掌握类型安全编程的关键技术。

10.25
热度 318
JavaScript/TypeScript中==和===的区别详解

本文详细解析JavaScript和TypeScript中==与===运算符的区别。基础类型比较时,==会进行隐式类型转换,而===严格比较类型与值;引用类型比较指针地址。文章通过代码示例说明特殊值NaN、null与undefined的处理,并建议优先使用===以避免类型混淆引发的Bug。

10.25
热度 359

标签目录

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 应用部署