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

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

10.25
热度 387
从原生JavaScript到React深入理解

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

10.25
热度 137
Vue项目打包发布后接口报405错误的解决方案

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

10.25
热度 479
JS前端性能优化解决内存泄漏页面崩溃

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

10.25
热度 169
基于Vue与Pixi.js的跑酷游戏开发实战

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

10.25
热度 348
TypeScript泛型参数默认值详解:从基础到函数重载简化

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

10.25
热度 646
Vue实现三级联动全选与单选功能详解

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

10.25
热度 141
TypeScript 中 import type 与 import 的区别:运行时行为解析

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

10.25
热度 274
JS前端千万级弹幕数据循环优化示例

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

10.25
热度 178
基于 TypeScript 封装 Axios:实现类型安全与拦截器管理

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

10.25
热度 448
TypeScript 接口继承详解:单继承、多继承与类继承

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

10.25
热度 632
Node.js 下 TypeScript 路径别名 (paths) 编译无效及 tsconfig-paths 调试排查

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

10.25
热度 128

标签目录

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