Web前端一些常见的知识点，安全，兼容，性能

桃扇骨 2023-02-21 11:40 6阅读 0赞

这些必备的前端基础知识点，想了解前端的，先了解这些

## **一、Web中的常见攻击方式** ##

**1.XSS攻击------相对复杂的安全性问题**

攻击方式：基于DOM的XSS即通过浏览器来直接运行js脚本，无须提交服务器，从客户端的代码引起的。

如：其实就是发送一个合法的地址加自己的脚本，比如：[http://www.xxx.com/search?wd=..][http_www.xxx.com_search_wd_..].受害者点击的是[http://www.xxx.com/search?wd=..][http_www.xxx.com_search_wd_..].链接，然后受害者的浏览网页就加入这个恶意代码。

存储XSS攻击即通过输入框提交js脚本或者上传文件到服务器，从网站的数据库引起的攻击。

反射XSS攻击即通过url提交js脚本到服务器，从受害人的请求发起引起的攻击。

**2.SQL注入------常见的安全性问题。**

解决方案：前端页面需要校验用户的输入数据（限制用户输入的类型、范围、格式、长度），不能只靠后端去校验用户数据。一来可以提高后端处理的效率，二来可以提高后端数据的安全。

后端不要动态sql语句，使用存储过程查询语句。限制用户访问数据库权限。后端接受前端的数据时要过滤一些特殊字符（如：“--”等字符）

后端如果出现异常的话，要使用自定义错误页，防止用户通过服务器默认的错误页面找到服务器漏洞。

**3.CSRF攻击------比xss攻击更危险的安全性问题**

攻击方式：受害者打开网站A，登陆网站A，网站A保存一些cookies在本地（没有关闭浏览器），受害者又打开网站B，网站B保存一些恶意cookies，并向网站A发送受害者的请求（网站B利用受害者攻击网站A）。

**4.DoS攻击------常见的具有破坏性的安全性问题（如果是分布式攻击的话就是DDos攻击）**

攻击方式：Ping Flood攻击即利用ping命令不停的发送的数据包到服务器。

**5.DNS缓存污染------常见的网站不可访问的问题**

攻击方式：第三方可信赖的域名服务器缓存了一些DNS解析，但被别人制造一些假域名服务器封包污

染了，指向错误网址。

**6.ARP欺骗------常见的窃取资料的安全性问题**

攻击方式：利用ARP欺骗，伪造成网关，让受害者的数据经过攻击者的电脑，从而抓取别人的用户信息。

**7.中间人攻击（会话劫持）-----常见的窃取资料的安全性问题**

攻击方式：劫持会话cookies，把受害者（A）与受害者（B）之间通信经过攻击者的电脑。（常见于在线聊天系统）

**8.后门 -----常见的软件漏洞问题**

后门是指一种绕过安全性控制而获取对程序或系统访问权的方法。在软件的开发阶段，程序员常会在软件内创建后门以便可以修改程序中的缺陷。如果后门被其他人知道，

或是在发布软件之前没有删除，那么它就成了安全隐患。常见于一些热补丁更新软件。

攻击方式：使用webshell提交恶意的动态网页到网站服务器，然后执行恶意的动态页面（如：www.XXX.xom/恶意页面.jsp）。

## **二、Web开发兼容性问题** ##

兼容问题主要包括css兼容,js兼容

![format_png][]

**不同浏览器默认样式不同:**

对于部分样式需要通过加入前缀解决

![format_png 1][]

事件兼容的问题，我们通常需要会封装一个适配器的方法，过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理

![format_png 2][]

**阻止默认行为:**

w3c 的方法是 e.preventDefault()，IE 则是使用 e.returnValue = false;

![format_png 3][]

**阻止事件冒泡:**

w3c 的方法是 e.stopPropagation()，IE 则是使用 e.cancelBubble = true

![format_png 4][]

## **三、Web前端性能优化** ##

1. 基础知识

1.1浏览器输入url到显示页面，发生了什么？

1.2 优化思路

2. 网络层面优化

2.1 HTTP请求优化

2.2 Web缓存（HTTP缓存）

2.3 Web 缓存（浏览器缓存）

3. CDN

3.1 概念

3.2 CDN 与前端性能优化

4. 渲染层面优化

4.1 浏览器渲染

4.2 DOM 优化

今天分享到这...

喜欢小编的可以点个赞关注小编哦，小编每天都会给大家分享文章。

[http_www.xxx.com_search_wd_..]: https://link.zhihu.com/?target=http%3A//www.xxx.com/search%3Fwd%3D..
[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMxLnpoaW1nLmNvbS84MC92Mi1hNzNmZWJkZjM2ZmJjMjZiOWZhMGY5YTU4YzVkNDZhOF83MjB3LmpwZw?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMzLnpoaW1nLmNvbS84MC92Mi03NmYxMzVhMmI3YjMyY2FiYmQyNTliZmQ2MmY1OWFlZV83MjB3LmpwZw?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMyLnpoaW1nLmNvbS84MC92Mi01MGUzZWEyMTcyMzk5MDg4NTU5MDk4ZTg1NGVhMzc4ZF83MjB3LmpwZw?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMyLnpoaW1nLmNvbS84MC92Mi05N2I3MDVkYmJkZjQ2MTNkMjY5YWFlYWU4MjEzMWEyNV83MjB3LmpwZw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9waWMxLnpoaW1nLmNvbS84MC92Mi1lNGJkNjhkNDI4ZGEyNmU4ZTg3NDMyMzVhNTY1ZTM4MF83MjB3LmpwZWc?x-oss-process=image/format,png