前端开发
JS前端接口请求参数混淆方案分享

本文介绍一种JS前端接口请求参数混淆方案,采用AES对称加密处理数据,结合RSA非对称加密保护密钥,防止信息泄露与参数篡改。方案适用于Post、Put、Delete等修改数据库的接口,通过请求拦截器在发送前处理,后端使用Egg.js中间件解密验证,提升应用安全性。

2026-10-25 16:48:53
387
沉舟
从原生JavaScript到React深入理解

本文深入解析React框架的核心原理,对比原生JavaScript DOM操作与React的虚拟DOM机制。通过React.createElement和JSX语法示例,详细阐述组件创建、属性传递及渲染流程,帮助开发者理解React如何简化Web应用开发并提升代码可维护性。

2026-10-25 16:34:34
137
白露
Vue项目打包发布后接口报405错误的解决方案

本文详细解析Vue项目打包发布后接口报405 Not Allowed错误的成因及解决方法。通过对比开发环境与生产环境的代理配置差异,重点介绍了如何在nginx中正确配置location重写规则,并利用.env.development和.env.production文件区分前后端地址,从而彻底解决生产环境接口调用失败的问题。

2026-10-25 16:16:49
479
南栀
JS前端性能优化解决内存泄漏页面崩溃

本文记录了一次因前端内存泄漏导致页面崩溃的完整排查过程。通过分析大规模数据递归处理、未取消的异步请求以及全局组件未正确销毁等场景,定位到分离DOM节点和全局事件监听器是主要元凶。文章详细展示了利用Chrome和Edge浏览器开发者工具进行内存快照分析的方法,并提供了修复全局指令、拖拽库及事件总线的具体代码方案,最终实现内存占用的显著降低。

2026-10-25 16:02:30
169
缓存笔记
基于Vue与Pixi.js的跑酷游戏开发实战

本文介绍如何利用Vue框架结合Pixi.js图形库开发一款简单的跑酷小游戏。内容涵盖项目初始化、依赖安装,以及核心逻辑模块的设计,包括场景滚动、障碍物生成与碰撞检测、玩家角色控制等功能的实现细节。

2026-10-25 15:56:52
348
异步漫步
TypeScript泛型参数默认值详解:从基础到函数重载简化

本文深入解析TypeScript中泛型参数默认值的机制。通过基础泛型示例引出类型推断概念,详细拆解函数重载在复杂场景下的应用,并展示如何利用泛型默认值将繁琐的重载声明简化为单一函数定义。文章涵盖类型约束、AST解析原理及实际代码验证,帮助开发者提升代码复用性与类型安全性。

2026-10-25 15:48:50
646
闭包旅人
Vue实现三级联动全选与单选功能详解

本文介绍了基于Vue和JS实现三级分类全选与单选的完整代码方案。通过v-model绑定与事件监听,处理一级、二级及三级分类的勾选状态联动,支持全选、半选及取消操作,并触发相应接口刷新数据,适用于复杂列表的批量选择场景。

2026-10-25 15:48:26
141
模板散步
TypeScript 中 import type 与 import 的区别:运行时行为解析

本文深入解析 TypeScript 3.8 引入的 import type 语法与常规 import 的核心区别。重点探讨在枚举(enum)等特定场景下,import type 会在编译阶段被完全擦除,导致运行时无法获取值,从而引发类型检查错误。通过对比两种导入方式的行为机制,帮助开发者避免构建时正常但运行时报错的问题,并理解为何在类型定义中优先使用 import type 是更安全的最佳实践。

2026-10-25 15:41:56
274
半夏
JS前端千万级弹幕数据循环优化示例

本文通过直播弹幕场景,探讨JavaScript中处理千万级数据循环的性能优化。从基础的数组splice删除导致的索引错位问题入手,依次介绍游标法减少遍历次数以及二分查找定位起始位置,最终实现高效的数据展示与内存管理。

2026-10-25 15:38:15
178
寒星
基于 TypeScript 封装 Axios:实现类型安全与拦截器管理

本文详细介绍如何使用 TypeScript 对 Axios 进行深度封装,构建一个类型安全、支持多级拦截器(类、实例、接口)及取消请求功能的 HTTP 客户端。通过自定义类型定义与泛型支持,确保开发过程中的代码提示与类型检查,提升项目维护效率与请求处理的灵活性。

2026-10-25 15:00:22
448
白帽猫
TypeScript 接口继承详解:单继承、多继承与类继承

本文深入解析 TypeScript 接口继承机制,涵盖单继承、多继承及接口继承类的具体用法。重点讲解多继承中同名成员的兼容性与冲突处理,以及接口继承类时成员声明与实现的差异,帮助开发者掌握 TypeScript 类型系统的核心特性。

2026-10-25 14:47:38
632
岩茶
Node.js 下 TypeScript 路径别名 (paths) 编译无效及 tsconfig-paths 调试排查

本文详解在纯 Node.js 环境中使用 TypeScript 编译时,tsconfig.json 配置的 paths 路径别名在编译后的 JS 文件中未被转换的问题。通过分析发现 TypeScript 编译器默认不处理别名,需借助第三方工具。文章进一步排查了 tsconfig-paths 库在运行时解析路径时的 bug,指出其未正确读取 outDir 导致模块查找失败,并给出了修改 paths 配置以兼容该库的解决方案。

2026-10-25 14:38:26
128
终端旅客