前端攻击手段有哪些，该如何预防

优质文章学习记录

— 2 min read
前端攻击手段有哪些，该如何预防
  • 前端攻击手段有哪些，该如何预防
  • 一，xss
  • Cross Site Script 跨站脚本攻击
  • 手段：黑客将JS代码插入到网页内容中，渲染时执行JS代码
  • 预防：特殊字符替换（前端或者后端）
在这里插入图片描述


这种img的写法可以规避跨域，img图片的加载可以规避跨域
vue和react可以默认屏蔽xss攻击
除了这两种情况
vue v-html的写法
react dangerouslySetInnerHTML

（二）CSRF
这也是一个常见的攻击手段
Cross Site Request Forgery跨站请求伪造
手段：黑客诱导用户去访问另一个网站的接口，伪造请求
预防：严格的跨域限制＋验证码机制
CSRF详细过程
1，用户登录了A网站，有了cookie
2，黑客诱导用户到B网站，并发起A网站的请求
3，A网站的API发现有了cookie，认为是用户自己操作的
CSRF预防手段
1，严格的跨域请求限制，如判断referrer（请求来源）
2，为cookie设置SameSite，禁止跨域传递cookie
3，关键接口使用短信验证码
点击劫持
1，Click Jacking
2，手段：诱导界面上蒙一个透明的iframe，诱导用户点击
3，预防：让iframe不能跨域加载

在这里插入图片描述


DDoS
1，Distribute denial-of-service 分布式拒绝服务
2，手段：分布式的、大规模的流量访问，是服务器瘫痪
3，预防：软件层不好做，需硬件预防（如阿里云WAF）

SQL注入
1，手段：黑客提交内容时写入SQL语句，破坏数据库

在这里插入图片描述


2，预防：处理输入的内容，替换特殊字符

前端攻击
1，XSS
2，CSRF
3，点击劫持
4，DDoS
5，SQL注入

划重点
预防攻击，要各司其职，而不要依赖于其他角色（如后端）

Read more

异构数据迁移工具：DataX、DataX-Web

异构数据迁移工具：DataX、DataX-Web

异构数据迁移工具：DataX、DataX-Web 一、DataX + DataX-Web 简介： 1. DataX 核心特性 DataX 是阿里开源的 基础数据迁移引擎（纯命令行工具，无界面），核心功能是跨数据源同步数据。 * 架构：通过 “Reader（读数据插件）+ Writer（写数据插件）” 实现跨数据源（MySQL、Oracle、HDFS 等）数据搬运； * 局限性：本身不自带分表规则逻辑，需配合脚本预处理或自定义插件实现按分表规则拆分数据； * 优势：轻量、开源免费、跨数据源兼容性强，适合中小规模数据迁移。 2. DataX-Web 核心作用 DataX 是阿里开源的 基础数据迁移引擎（纯命令行工具，无界面），核心功能是跨数据源同步数据。 * 核心功能：可视化配置迁移任务、定时调度（如每日增量同步）、迁移进度监控、
什么是weblogic？一文带你了解

什么是weblogic？一文带你了解

Weblogic 简介 WebLogic 是 Oracle 公司开发的一款企业级 Java EE（Java Platform, Enterprise Edition）应用服务器，广泛用于构建、部署和管理分布式应用。它支持高可用性、可扩展性和安全性，适用于大型企业环境。WebLogic 提供了完整的 Java EE 标准实现，包括 Servlet、JSP、EJB、JMS 等技术，同时集成了多种管理工具和监控功能。 Weblogic 核心功能 * Java EE 支持：完全兼容 Java EE 标准，支持企业级应用开发。 * 集群与负载均衡：支持多服务器集群，提供高可用性和故障转移能力。 * 安全性：集成身份认证、授权和加密功能，保障企业数据安全。 * 管理控制台：提供基于 Web

Spring Boot 项目中的响应式应用（Reactive Web）与传统 MVC：原理区别、代码对比与适用场景

Spring Boot 项目中的响应式应用（Reactive Web）与传统 MVC：原理区别、代码对比与适用场景 在 Spring Boot 项目中，开发者经常需要在传统 Spring MVC 和响应式 WebFlux 之间做出选择，尤其当配置文件中出现 spring.main.web-application-type: reactive 时。本文将从底层原理、线程模型、I/O 处理方式、适用场景等角度详细对比两者，并通过实际代码示例说明差异。 1. 核心原理对比 维度传统 Spring MVC (Servlet-based)Spring WebFlux (Reactive / Non-blocking)编程范式命令式（Imperative）声明式 + 响应式（Declarative + Reactive）底层 I/