前端培训-初级阶段-xss相关

简介: 前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。这块内容是在会后又加了一节(老板说要处理这块内容)。之前其实就做过一期这样的内容XSS_跨站脚本攻击

我们要讲什么?


  1. xss 是什么?


  1. 攻击原理是什么?


  1. 危害


  1. 预防手段是什么?


  1. web 安全还有什么是需要注意的


XSS 是什么?


XSS 攻击全称跨站脚本攻击 (Cross Site Scripting),是为不和层叠样式表 (Cascading Style Sheets, CSS) 的缩写混淆,故将跨站脚本攻击缩写为 XSS,XSS 是一种在web应用中的计算机安全漏洞,它允许恶意 web 用户将代码植入到提供给其它用户使用的页面中。


XSS 攻击原理


恶意攻击者往 Web 页面里插入恶意 javascript 代码。当其他用户浏览该页面时,嵌入的代码会被执行,从而达到恶意攻击用户的目的。


XSS 危害


常见于一些私人的博客,攻击者恶意评论,弹出alert,这种充其量也就是一个玩笑。

但是如果是盗窃cookie异常提交请求,这些就属于危险操作。


cookie可以用来伪装成其他用户操作,有可能就会造成财产上的损失。


预防手段


首先我们来分析他攻击方式,在其他用户端执行了一段异常代码,那么我们不执行不就好了吗?


  1. 富文本情况,这个可属于重灾区,因为你不确定内容是什么,你还要原样输出。业界方案一般来说是白名单,比如说 <script> 标签都过滤,一些时间都过滤比如<img onerror=,从而达到预防攻击的目的。


  1. 服务端直出情况,比如说一些模板引擎啊什么的,我们公司用的是velocityfreemark。这个位置又分为三个方法


a.toHtml,首先所有内容都是直出到页面,先经过html解析。这个位置要预防<script>等一些注入的情况


b.toJS,有可能有一些内容是输出在了 script 标签内,这个时候我们要注意他是不是"'</script>等,故意破坏数据的。


c.toURL,这个就是判断存在不存在javascript:alert();的情况了。


3.页面innerHTML或者write。这个怎么说呢,Vue 或者一些框架是没问题的,因为他们是插槽法,而不是拼接法。


  1. toHtml,主要用于 jquery ,处理一些字符变成实体编码
  2. toURL,也是用来判断javascript:alert();的情况


web 安全问题


XSS、CSRF、arp、xff、中间人攻击、运营商劫持、防暴刷


  1. CSRF 一般来说就是页面直出一个token,每次请求都带上token。


  1. 劫持 https有的时候运营商的劫持还是没办法。


  1. 刷,这个略坑。


参考代码


bVbsoQ0.webp.jpg


参考文献以及资料


  1. Web安全学习笔记
    也是当初在网上找资料发现的。介绍的挺全面的。
相关文章
|
20天前
|
缓存 安全 JavaScript
前端安全:Vue应用中防范XSS和CSRF攻击
【4月更文挑战第23天】本文探讨了在Vue应用中防范XSS和CSRF攻击的重要性。XSS攻击通过注入恶意脚本威胁用户数据,而CSRF则利用用户身份发起非授权请求。防范措施包括:对输入内容转义、使用CSP、选择安全的库;采用Anti-CSRF令牌、同源策略和POST请求对抗CSRF;并实施代码审查、更新依赖及教育团队成员。通过这些实践,可提升Vue应用的安全性,抵御潜在攻击。
|
5月前
|
前端开发 JavaScript 安全
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
【网络安全/前端XSS防护】一文带你了解HTML的特殊字符转义及编码
181 0
|
存储 Web App开发 JavaScript
Web前端安全策略之XSS的攻击与防御(上)
随着技术的发展,前端早已不是只做页面的展示了, 同时还需要做安全方面的处理,毕竟网站上很多数据会涉及到用户的隐私。若是没有些安全策略, 很容易被别人通过某些操作,获取到一些用户隐私信息,那么用户数据隐私就无法得到保障。对于前端方面的安全策略你又知道多少呢?接下来我们来介绍一下~ 本文先讲前两个,之后再讲最后一个
187 0
Web前端安全策略之XSS的攻击与防御(上)
|
3月前
|
前端开发 JavaScript 网络安全
【网络安全XSS必知 | 前端开发基础】一篇文章速学 HTML
【网络安全XSS必知 | 前端开发基础】一篇文章速学 HTML
55 0
|
9月前
|
前端开发 JavaScript 安全
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
前端学习笔记202307学习笔记第五十七天-模拟面试笔记网络-xss和csrf攻击
60 0
|
前端开发 JavaScript
前端培训-初级阶段-场景实战(2019-05-16)-聊天头像-微信头像-群组头像
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 场景实战这块内容每个人的内容都不一样。所以最近的更新基本都是我遇到并解决掉的问题。后期会吧他们的内容贴地址。
131 0
前端培训-初级阶段-场景实战(2019-05-16)-聊天头像-微信头像-群组头像
|
前端开发 JavaScript 索引
前端培训-初级阶段(13) - 正则表达式
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 该文为前端培训-初级阶段(13、18)的补充内容 (介绍了 ECMAScript 历史,ES6 常用点)。 本文介绍ECMAScript基础知识。 前端培训-初级阶段(13) - ECMAScript (语法、变量、值、类型、运算符、语句) 前端培训-初级阶段(13) - ECMAScript (内置对象、函数) 前端培训-初级阶段(13) - 类、模,继承
99 0
前端培训-初级阶段(13) - 正则表达式
|
存储 XML 前端开发
浅谈Web前端安全策略xss和csrf,及又该如何预防?
在下面的这篇文章中,将讲解前端安全策略 xss 和 csrf !一起来一探究竟吧~
浅谈Web前端安全策略xss和csrf,及又该如何预防?
|
Web App开发 JSON JavaScript
前端培训-初级阶段(13) - ECMAScript(内置对象,函数)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 该文为前端培训-初级阶段(13、18)的补充内容 (介绍了 ECMAScript 历史,ES6 常用点)。本文介绍ECMAScript基础知识。 前端培训-初级阶段(13) - ECMAScript (语法、变量、值、类型、运算符、语句) 上节的基础内容知识,这节我们会用到。默认已读。
111 0
前端培训-初级阶段(13) - ECMAScript(内置对象,函数)