本文目录一览：
前端安全以及如何防范详细介绍
1、控制受害者机器向其它网站发起攻击 防止XSS解决方案 XSS的根源主要是没完全过滤客户端提交的数据 ，所以重点是要过滤用户提交的信息。
2、POST类型的攻击通常比GET要求更严格一些，但不能将安全寄托在仅允许POST上面。链接类型的CSRF并不常见，比起其他两种用户打开页面就中招的情况，这种需要用户点击链接才会触发。
3、服务器的防火墙。不要乱传来路不明以及不好的内容到网站的目录。常用的端口都要关闭。一定要开启防火墙。最后注意不要存在弱命令。1服务器端设置防火墙等，通常需要与空间服务商沟通，让其代为设置。
4、凡是用户输入的地方，我们都应该防止黑客攻击，永远不要相信用户的输入。所以对应的防御措施分别有： 前后端分离之后，前端每天都会接触到很多接口。发送网络请求的时候，有些接口就会使用 get 方法。
5、请求令牌虽然使用起来简单，但并非不可破解，使用不当会增加安全隐患。使用请求令牌来防止 CSRF 有以下几点要注意：虽然请求令牌原理和验证码有相似之处，但不应该像验证码一样，全局使用一个 Session Key。
6、XSS(Cross Site Scripting)，跨站脚本攻击。为和层叠样式表(Cascading Style Sheets，CSS)区分开，跨站脚本在安全领域叫做“XSS”。防范：(1) 输入过滤。永远不要相信用户的输入，对用户输入的数据做一定的过滤。
如何防止xss攻击,需要过滤什么
输入检查一般是检查用户输入的数据中是否包含一些特殊字符，如、、、等，如果发现存在特殊字符，则将这些字符过滤或者编码。
xss漏洞防御方法有输入过滤、纯前端渲染、转义HTML和标签和属性基于白名单过滤。输入过滤：有时候需要多次过滤，例如script过滤掉后还是，需要注意多个过滤器的先后次序。
，利用字符过滤漏洞，提交恶意js代码，当用户打开页面时执行 2，需要填写图片地址或css等直接在页面加载时执行的地方，填写恶意js [javascript：xxxx]，当用户打开包含图片的页面时，可以执行js。
XSS攻击的定义,类型以及防御方法?
1、经常见到XSS攻击有三种：反射XSS攻击、DOM-based型XSS攻击以及储存型XSS攻击。
2、 XSS攻击代码非持久性，也就是没有保存在web server中，而是出现在URL地址中；2 非持久性，那么攻击方式就不同了。
3、持久型跨站：最直接的危害类型，跨站代码存储在服务器（数据库）。非持久型跨站：反射型跨站脚本漏洞，最普遍的类型。用户访问服务器-跨站链接-返回跨站代码。
xss攻击防御方式有哪些
xss攻击的种类及防御方式XSS攻击最主要有如下分类：反射型、存储型、及DOM-based型。反射性和DOM-baseed型可以归类为非持久性XSS攻击。存储型可以归类为持久性XSS攻击。
xss漏洞防御方法有输入过滤、纯前端渲染、转义HTML和标签和属性基于白名单过滤。输入过滤：有时候需要多次过滤，例如script过滤掉后还是，需要注意多个过滤器的先后次序。
经常见到XSS攻击有三种：反射XSS攻击、DOM-based型XSS攻击以及储存型XSS攻击。
防御xss攻击需要重点掌握以下原则：在将不可信数据插入到HTML标签之间时，对这些数据进行HTML Entity编码。在将不可信数据插入到HTML属性里时，对这些数据进行HTML属性编码。
防止上行注入攻击，你必须避免那些允许你关闭现有context开始新context的字符；而防止攻击跳跃DOM层次级别，你必须避免所有可能关闭context的字符；下行注入攻击，你必须避免任何可以用来在现有context内引入新的sub-context的字符。
该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ – _ + . / 。其他所有的字符都会被转义序列(十六进制\xHH)替换。