前端开发
一文详解JS与TS的主要区别

TypeScript作为JavaScript的超集,引入了静态类型检查、类和接口等特性,提升了代码可维护性。本文对比两者在类型系统、ES规范支持及工具链上的差异,并介绍手动与工具转换JS至TS的方法,帮助开发者评估学习成本与工程价值。

10.31
热度 171
el-input 限制输入只允许输入浮点型的解决思路

本文介绍如何在 Vue 和 Element UI 环境下,通过结合 oninput 原生事件与 @input 自定义方法,限制 el-input 仅允许输入浮点数。方案涵盖数字、小数点及正负号的过滤,解决多小数点、中文拼音干扰及格式校验问题,确保输入即时合规。

10.31
热度 516
TypeScript函数重载确定返回类型的实现方法

本文介绍如何在TypeScript中利用函数重载机制明确不同参数下的返回类型。通过函数声明实现真正的编译时类型检查,而箭头函数因匿名特性无法直接支持重载,仅能模拟。文章解析了重载原理、箭头函数限制及具体代码实现。

10.31
热度 135
浅聊一下为什么能用RxJS取代Redux

本文探讨为何RxJS能作为Redux的替代方案。通过对比两者在数据流处理上的差异,重点解析如何利用RxJS的BehaviorSubject实现Store,并结合React Hooks封装全局状态管理。文章还展示了异步任务处理的最佳实践,分析其优缺点及适用场景,帮助开发者评估技术选型。

10.31
热度 159
详解webpack中的publicPath配置与常见坑

本文深入解析webpack中publicPath的配置方法,区分output与devServer中该属性的差异。重点说明为何生产环境需使用绝对路径,以及开发环境中因路径不一致导致页面空白的原因,并提供具体的配置示例和排查思路。

10.31
热度 74
React实现页面状态缓存(keep-alive)的示例代码

本文介绍在React单页面应用中实现页面状态缓存的解决方案。针对路由跳转导致组件销毁、状态丢失的问题,对比了react-activation、umi-plugin-keep-alive及Offscreen API等方案。重点讲解如何配置react-activation实现路由级缓存,包括安装、Babel插件配置、KeepAlive组件包裹及路由isCache属性设置,并提供完整示例代码。

10.31
热度 502
前端常用加密技术详解:MD5、Base64与RSA实战示例

本文详细介绍前端开发中常用的几种数据加密方法,包括对称加密(AES、DES)、非对称加密(RSA)以及哈希算法(MD5)。通过具体代码示例,演示如何使用js-md5、js-base64和crypto-js等库实现数据的加密与解密,并探讨各算法在安全性、性能及适用场景上的差异,帮助开发者根据实际需求选择合适的安全策略。

10.31
热度 154
JS逆向中加密参数与Cookie生成的定位技巧

本文详解JS逆向中加密参数与动态Cookie的定位流程。首先通过重放攻击、检查接口返回值及页面固定值排除非关键参数;若无效,则利用开发者工具的XHR断点、DOM断点及Event Listener Breakpoints精准捕获生成位置;最后介绍通过Hook JSON方法或修改document.cookie描述符来追踪加密算法的具体实现。

10.31
热度 451
JavaScript 文件优化全面指南

本文系统介绍 JavaScript 文件优化的核心策略与实战技巧。内容涵盖最小化、压缩、异步加载、Tree shaking 等基础手段,深入解析纯 JS 环境下的循环优化、防抖节流、DOM 批量更新及错误处理机制。同时汇总 Webpack、Babel、Rollup 等主流优化工具链,帮助开发者提升页面加载速度、改善用户体验并优化搜索引擎排名。

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

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

10.31
热度 305
前端开发中js-md5库的集成与使用指南

本文详解js-md5在前端项目中的完整应用流程,涵盖从npm安装、Vue环境挂载到具体调用方法的步骤。通过实例展示如何利用该库实现密码加密、文件完整性校验及数字签名,并简要解析其源码结构,帮助开发者快速掌握这一常用单向散列算法工具。

10.31
热度 205
React脚手架config-overrides.js文件的配置方式

本文详解如何在React脚手架项目中,通过react-app-rewired和customize-cra插件,在不执行eject命令的前提下自定义webpack配置。涵盖package.json脚本修改、config-overrides.js文件结构、customizer与utilities工具函数的使用,以及tap和fixBabelImports等高级用法,帮助开发者灵活调整构建流程。

10.31
热度 238

标签目录

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