前端开发
JavaScript 操作 Cookie 完整指南:设置、读取与删除

本文详解如何使用 JavaScript 通过 document.cookie 属性操作 Cookie,涵盖设置、获取、删除及安全策略。内容包括 expires、path、domain、secure 和 SameSite 等关键参数的具体用法,结合登录状态保持与语言偏好保存的实际代码示例,帮助开发者安全高效地管理客户端存储。

10.31
热度 328
JS与Webpack中Hash、Content Hash与Chunk Hash的区别解析

本文通过JavaScript代码实例,详细解析了Hash、Content Hash与Chunk Hash的计算原理及区别。结合Webpack配置场景,分析了三种哈希值在模块标识、内容完整性校验及代码分割中的应用。重点探讨了它们对浏览器缓存策略的影响,帮助开发者优化构建配置,提升资源加载效率。

10.31
热度 451
基于TypeScript装饰器与AirDesensitize类的前端数据脱敏方案

本文介绍如何在TypeScript前端环境中,通过自定义装饰器与AirDesensitize助手类实现表格数据的自动脱敏。方案支持在@Table装饰器中配置desensitize枚举类型及保留位数,并允许自定义脱敏逻辑。通过拦截表格渲染,对敏感信息如手机号、身份证等进行掩码处理,同时保留查看原始数据的功能,平衡安全性与用户体验。

10.31
热度 400
React项目中使用openapi-typescript-codegen自动生成API客户端

本文介绍openapi-typescript-codegen工具,该工具根据OpenAPI规范自动生成TypeScript类型定义和API客户端代码。通过配置input、output及client参数,可快速生成与axios等库兼容的请求代码,支持自定义request.ts文件以复用拦截器,确保前后端接口同步且类型安全,显著提升React项目中的开发效率。

10.31
热度 416
基于 TypeScript 的 Axios 二次封装实战:从实例创建到 API 服务化

本文详细演示如何使用 TypeScript 对 Axios 进行二次封装。内容涵盖创建 Axios 实例、配置统一请求前缀与头部、实现响应拦截器以标准化数据格式,以及完善的 HTTP 错误处理机制。通过封装特定的 API 服务文件,帮助开发者在 Vue 等组件中实现一致且易于维护的网络请求调用。

10.31
热度 341
HTML5 Canvas 绘图基础与性能优化指南

本文详细介绍 HTML5 Canvas 元素的基本使用方法,涵盖线条、矩形、圆形及文本的绘制技巧。通过示例解析动画实现原理,并深入探讨减少绘制次数、使用离屏 Canvas 缓存及避免频繁 DOM 操作等性能优化策略,帮助开发者高效构建前端图形应用。

10.31
热度 388
npm镜像源更改后不生效的排查与解决:从旧淘宝源迁移到npmmirror

本文针对npm镜像源更改后仍报错的问题进行排查。指出旧版registry.npm.taobao.org已过期,应使用npmmirror。若全局配置未生效,需检查项目内的package-lock.json是否锁定了旧源,通过批量替换解决。此外,.npmrc文件优先级更高,也需留意。

10.31
热度 645
前端安全必读:7种常见攻击原理与防御方案

本文详细解析了前端开发中常见的七种安全威胁,包括跨站脚本(XSS)、依赖库风险、跨站请求伪造(CSRF)、点击劫持、CDN劫持、HTTPS降级及中间人攻击。文章深入剖析了各类攻击的原理与利用方式,并提供了针对性的代码级防御策略,帮助开发者构建更安全的Web应用。

10.31
热度 138
TypeScript中Getter/Setter用法详解

本文深入解析TypeScript中Getter和Setter的使用场景与潜在问题。通过具体代码示例,探讨了赋值行为与方法调用的混淆、IDE自动重构带来的下划线前缀困扰,以及访问修饰符下的特殊性。同时分析了Getter/Setter在数据拦截和前后端转换中的优势,帮助开发者权衡使用策略。

10.31
热度 128
TypeScript装饰器实现后端数据到前端对象的自动转换

本文详解如何利用TypeScript装饰器解决后端API返回JSON数据与前端对象之间的转换难题。针对字段命名混乱、类型不匹配、布尔值处理及默认值缺失等常见痛点,通过BaseEntity、UserEntity等实体类定义,结合@Alias、@Type、@Default等自定义装饰器,实现优雅的数据清洗与类型强制转换,提升前端代码的可维护性与健壮性。

10.31
热度 460
TypeScript接口在Web爬虫数据结构设计中的应用

本文探讨如何利用TypeScript接口优化Web爬虫的数据结构设计。以微博数据抓取为例,通过定义IUser、IWeibo等接口明确数据结构,结合Axios和Cheerio实现高效的数据提取与处理,确保代码的可维护性与类型安全。

10.31
热度 313
TypeScript接口Interface详解:定义对象类型的核心工具

本文深入解析TypeScript中的接口(Interface)概念,涵盖基本语法、可选与只读属性、函数及索引类型、继承实现等高级特性,并对比类型别名,提供命名规范与最佳实践,帮助开发者利用接口提升代码健壮性与可维护性。

10.31
热度 614

标签目录

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