前端安全
基于原生JS的简易投票系统设计与前端刷票脚本实现

本文介绍如何使用原生JavaScript构建一个简易的前端投票界面,并深入解析通过浏览器控制台模拟点击事件实现刷票的技术原理。文章详细讲解了DOM元素查找、定时器控制投票频率以及监听DOM变化以维持票数优势的具体代码实现,旨在帮助开发者理解前端事件机制与脚本注入的基本逻辑。

2026-10-29 08:14:13
603
像素漫游
通过方法重写实现网页JavaScript的部分禁用

本文探讨了一种通过重写特定JavaScript方法来部分禁用脚本功能的技术。该方法将alert、write等函数覆盖为空操作,从而在允许用户自定义脚本的同时,限制特定危险方法的执行。文章还指出需同时限制DOM移除操作以防止脚本被卸载,为博客等开放脚本权限的平台提供了一种可行的安全策略。

2026-10-28 13:52:35
138
寒星
为什么不应在HTML行内使用JavaScript:Firebug调试安全隐患与解法

本文通过实例说明在HTML行内编写JavaScript代码存在的安全隐患。使用Firebug等调试工具可直接修改或删除行内JS代码,导致前端验证失效并直接触发后端逻辑。文章展示了问题复现过程,并提供通过DOM绑定事件作为安全解决方案。

2026-10-28 09:25:59
193
霁月
禁用JavaScript控制台调试的方法

本文介绍了Facebook和Netflix为防范恶意用户通过控制台发送垃圾信息而禁用JavaScript控制台的方法。通过劫持window.console对象,利用Object.defineProperty拦截get和set操作,当检测到_commandLineAPI时抛出异常,从而阻止命令执行。

2026-10-27 23:24:33
535
安全边界
JavaScript 禁用键盘功能键与鼠标右键及打印限制实现

本文介绍如何在网页中禁用鼠标右键、禁止文本选择与拖放,并通过JavaScript拦截onkeydown事件屏蔽F1至F12功能键、Ctrl组合键及打印快捷键。同时提供CSS媒体查询方案实现打印时隐藏页面内容,适用于需要限制用户交互或保护页面结构的场景。

2026-10-27 15:16:23
529
沉舟
前端认证授权方案详解:从基础到实战

本文从前端视角系统梳理了常见的认证授权方案。详细解析了HTTP Basic认证、Session-Cookie模式、Token及JWT的工作流程与优缺点,并深入探讨了OAuth 2.0标准下的第三方登录实现。结合Node.js代码示例,帮助开发者理解不同场景下的最佳实践与安全考量。

2026-10-27 02:08:18
548
后端茶话
JavaScript 通过二进制数据获取图片真实格式

前端开发中仅靠文件后缀名判断图片格式存在安全隐患,恶意用户可修改后缀绕过校验。本文介绍如何通过 FileReader 读取文件二进制数据,对比 JPG、PNG、GIF、BMP、WebP 等位图的魔数标识,以及 SVG 的 XML 标签特征,从而准确获取图片的真实格式,防止文件伪造。

2026-10-26 10:51:11
489
寒星
JavaScript屏蔽F12、右键及Ctrl+Shift+I查看源码的实现方法

本文介绍如何使用JavaScript屏蔽用户通过F12、Ctrl+Shift+I或鼠标右键查看网页源代码的操作。通过监听document的onkeydown和oncontextmenu事件,拦截特定Keycode(如123、85、73)并阻止默认行为,从而保护前端代码不被轻易查看。

2026-10-26 10:03:03
586
微光
JavaScript逆向工程实战:加密参数分析与Chrome调试技巧

本文总结JavaScript逆向调试的实用技巧,以某音PC端视频列表接口为例,深入解析_signature参数的生成逻辑,涵盖MD5、Base64及进制转换等常见加密手段。同时详细介绍利用日志插桩、变量压缩工具v_jstoools以及堆栈和XHR断点等Chrome调试方法,帮助开发者高效定位复杂算法。

2026-10-26 02:21:07
361
霁月
JavaScript常用Hook脚本实战:从基础断点到高级绕过

本文系统梳理JavaScript常用Hook脚本,涵盖DOM事件、网络请求、定时器及调试器绕过等场景。通过重写原型方法、使用Proxy代理及动态注入代码,实现对createElement、XMLHttpRequest、eval等关键API的监控与拦截。内容包含webpack模块提取、反调试检测(如F12屏蔽、debugger检测)的应对策略,为前端逆向与安全分析提供实用代码示例。

2026-10-26 00:26:53
441
听澜
JS前端同源策略、跨域解决方案及防抖节流详解

本文深入解析JavaScript前端开发中的核心安全机制与性能优化技术。首先阐述同源策略的定义及其对跨域交互的限制,随后详细对比分析JSONP与CORS两种主流跨域解决方案的原理、适用场景及兼容性差异,重点讲解jQuery中JSONP的实现机制。接着,文章深入探讨高频事件处理中的防抖与节流策略,通过具体代码示例说明其在减少请求频率、优化资源消耗方面的应用,并清晰界定两者的区别与适用场景。

2026-10-25 19:50:08
627
霁月
JS前端接口请求参数混淆方案分享

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

2026-10-25 16:48:53
383
沉舟