前端安全
前端检测用户登录状态是否过期的几种方法

本文介绍前端检测用户登录状态过期的多种方案,包括检查JWT令牌有效期、定时轮询服务器、利用全局请求拦截器捕获401状态码以及基于Web存储的时间戳检查。针对高并发场景,还探讨了优化轮询频率的策略,并提供了在业务流程中通过优雅降级避免中断用户操作的实现思路与React示例。

11.01
热度 600
前端使用crypto-js库AES加解密详细代码示例

本文详解前端如何使用crypto-js库进行AES加解密,涵盖安装、CBC/ECB模式配置及填充处理。结合JSEncrypt库实现RSA密钥生成与交换,并通过封装Axios拦截器,在请求头中传递加密后的AES密钥与数据,实现前后端安全通信的完整流程。

11.01
热度 363
JavaScript实现人脸活体检测:原理、方案与Vue实战

本文深入解析在浏览器端利用JavaScript实现人脸活体检测的技术路径。内容涵盖基于动作挑战、光照分析及深度学习的核心原理,对比纯前端与前后端协同方案的优劣,并提供基于Vue 3和Vite的完整代码示例,展示如何集成Face-api.js或MediaPipe进行实时关键点跟踪与基础活体验证。

10.31
热度 454
前端双重身份验证(Double Token)实现流程与代码解析

本文详解前端双重身份验证(Double Token)的实现思路,涵盖从传统密码认证到多因素二次认证的完整流程。通过解析登录请求、令牌存储及后续资源访问的代码示例,阐述如何利用短信、动态码等机制提升应用安全性,并探讨OAuth 2.0与WebAuthn的集成趋势。

10.31
热度 390
JavaScript 操作 Cookie 完整指南:设置、读取与删除

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

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

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

10.31
热度 134
JavaScript中javascript:void(0)的用法、风险与现代替代方案

本文详细解析了JavaScript中javascript:void(0)的常见用法,包括创建空操作和防止页面跳转。同时探讨了其在现代Web开发中的局限性,如潜在的安全风险、性能影响及可访问性问题,并推荐了event.preventDefault()、#或javascript:;等更优雅且安全的替代方案。

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

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

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

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

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

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

10.31
热度 200
JavaScript 前端防调试:从无限 debugger 到动态构造函数的进阶实现

本文详解前端页面防调试的多种技术手段。从基础的无限 debugger 循环策略入手,分析其局限性及绕过方法;进而探讨单行代码与忽略列表的对抗;最后介绍通过动态构造函数生成临时脚本及检测窗口尺寸变化的终极增强方案,帮助开发者提升前端代码安全性,防止接口数据被恶意爬取。

10.31
热度 197
前端传参安全:window.btoa Base64加密与简单对称加密实现

本文介绍前端传参的安全处理方案。首先讲解如何利用window.btoa()进行Base64编码,确保参数独立为字符串。随后探讨简单的对称加密原理,包括替代密码和置换密码的实现思路,并提供C++与JavaScript转换建议,帮助开发者在前后端交互中提升数据安全性。

10.31
热度 597

标签目录

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