前端安全
JavaScript Blob对象实现带鉴权的文件下载

本文介绍如何利用JavaScript的Blob对象实现带鉴权的文件下载。针对后台返回链接存在权限泄露风险的问题,前端通过Ajax请求指定responseType为blob,解析响应头获取文件名,利用URL.createObjectURL生成临时链接并触发a标签下载,后端配合返回文件流,确保下载过程安全可控。

10.24
热度 92
JavaScript 的局限性:避免在客户端处理不应由前端承担的任务

本文探讨了 JavaScript 作为客户端脚本语言的固有局限性,指出其不适合执行文件操作、读取资源文件及加密敏感数据等任务。通过对比使用 JavaScript 与后端语言(如 VB.NET 或 C#)实现相同功能的代码复杂度,强调应将逻辑移至服务器端,以提升安全性与代码简洁性。

10.24
热度 123
JavaScript 实现页面自动锁屏与密码验证功能

本文介绍如何使用 JavaScript 实现网页自动锁屏功能。通过监听鼠标移动事件记录活跃时间,利用 localStorage 持久化锁屏状态,并在超时后触发锁定逻辑。支持密码验证解锁、刷新保持锁定及退出登录清除状态,有效防止他人随意操作系统。

10.24
热度 71
前端安全实战:JavaScript防御HTTP劫持与XSS攻击详解

本文深入解析前端安全中的HTTP劫持与XSS攻击防护。针对运营商HTTP劫持,通过检测iframe嵌套并重定向父页面解决;针对XSS,利用MutationObserver监控DOM变化拦截静态与动态脚本,重写setAttribute与document.write阻断注入,并锁死apply/call防止绕过。结合白名单过滤与上报系统,构建完整的前端防御体系。

10.24
热度 276
Js参数RSA加密传输之jsencrypt.js的使用

本文介绍如何使用jsencrypt.js库在前端进行RSA加密传输。重点解决参数中加号在传输时转换为空格导致后端报错的问题,并提供前端JavaScript与后端C#的完整代码示例,确保加密数据正确解密。

10.24
热度 128
JavaScript实现禁止右键保存图片与拖拽的代码示例

本文介绍了在网页中通过JavaScript和jQuery禁止用户右键保存图片、拖拽图片以及选中复制文本的具体实现代码。涵盖了原生JS事件监听与jQuery绑定事件两种方案,并附带了将图片保存至手机相册的示例逻辑,帮助开发者提升网页内容的版权保护能力。

10.23
热度 303
原生JS实现密码强度实时验证:位运算技巧详解

本文介绍如何使用原生JavaScript实现密码强度的实时验证。核心思路是通过判断字符类型(数字、大小写字母、特殊字符)并赋予特定数值,利用位运算的按位或(|)特性累加密码复杂度。最终通过位与(&)和无符号右移(>>>=)统计二进制中1的个数,从而判定密码强度等级。

10.23
热度 164
JS截获动态代码:Hook eval与Function及注入方法详解

本文介绍如何通过Hook JavaScript的eval和Function系统函数来截获动态执行的代码,以应对前端反爬机制。详细讲解了挂钩代码的编写细节,包括处理Function的变长参数和this指向。此外,还列举了多种注入方式,如油猴、代理工具(Fiddler、anyproxy)及Chrome DevTools Protocol,帮助开发者在页面加载早期注入监测脚本。

10.23
热度 84
防止Layui form表单重复提交的实现方法

本文介绍在Layui框架下防止表单重复提交的有效方案。通过在form标签添加lay-filter和onsubmit属性,并在提交按钮事件中调用form.on监听submit事件并返回false,结合AJAX异步请求,可有效避免用户快速点击导致的重复提交问题。

10.23
热度 626
JS中注入eval, Function等系统函数截获动态代码

本文介绍如何通过Hook原生eval和Function方法,截获前端反爬机制中动态解密执行的JavaScript源码。详细讲解了针对eval和Function的挂钩代码实现,包括处理Function变长参数和this指向的技巧。同时提供了多种注入方式,如油猴脚本、代理工具(Fiddler)修改响应头以及在Chrome DevTools Protocol中注入脚本,确保在页面加载初期执行截获逻辑。

10.23
热度 284
前端JS实现验证码的三种方案:短信、Canvas图形与滑动拼图

本文详细介绍前端JavaScript实现的三种验证码方案。包括基于Ajax调用的短信验证码及60秒倒计时逻辑;利用HTML5 Canvas动态绘制随机图形与颜色的纯前端验证;以及通过监听鼠标事件计算轨迹与速度的滑动拼图验证。提供完整HTML/CSS/JS代码示例,适用于后台系统登录安全增强。

10.22
热度 617
前端防止用户重复提交:jQuery异步与表单同步方案详解

本文详细介绍前端防止用户重复提交的两种方案。针对异步请求,利用jQuery的ajaxPrefilter拦截器过滤后续请求;针对表单同步提交,通过扩展jQuery自定义方法设置标志位阻止重复触发。文章提供完整代码示例及全站统一处理的实现技巧,帮助开发者高效解决重复提交问题。

10.22
热度 337

标签目录

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