Web前端必备基础知识点

1、Web中的常见攻击方式
1.SQL注入------常见的安全性问题。

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

后端不要动态sql语句&＃xff0c;使用存储过程查询语句。限制用户访问数据库权限。后端接受前端的数据时要过滤一些特殊字符&＃xff08;如&＃xff1a;“–”等字符&＃xff09;

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

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

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

如&＃xff1a;其实就是发送一个合法的地址加自己的脚本&＃xff0c;比如&＃xff1a;www.xxx.com/search?wd&＃61;…受害者点击的是www.xxx.com/search?wd&＃61;…链接&＃xff0c;然后受害者的浏览网页就加入这个恶意代码。

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

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

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

攻击方式&＃xff1a;受害者打开网站A&＃xff0c;登陆网站A&＃xff0c;网站A保存一些COOKIEs在本地&＃xff08;没有关闭浏览器&＃xff09;&＃xff0c;受害者又打开网站B&＃xff0c;网站B保存一些恶意COOKIEs&＃xff0c;并向网站A发送受害者的请求&＃xff08;网站B利用受害者攻击网站A&＃xff09;。

4.DoS攻击------常见的具有破坏性的安全性问题&＃xff08;如果是分布式攻击的话就是DDos攻击&＃xff09;

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

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

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

染了&＃xff0c;指向错误网址。
6.ARP欺骗------常见的窃取资料的安全性问题

攻击方式&＃xff1a;利用ARP欺骗&＃xff0c;伪造成网关&＃xff0c;让受害者的数据经过攻击者的电脑&＃xff0c;从而抓取别人的用户信息。
7.中间人攻击&＃xff08;会话劫持&＃xff09;-----常见的窃取资料的安全性问题

攻击方式&＃xff1a;劫持会话COOKIEs&＃xff0c;把受害者&＃xff08;A&＃xff09;与受害者&＃xff08;B&＃xff09;之间通信经过攻击者的电脑。&＃xff08;常见于在线聊天系统&＃xff09;

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

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

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

攻击方式&＃xff1a;使用webshell提交恶意的动态网页到网站服务器&＃xff0c;然后执行恶意的动态页面&＃xff08;如&＃xff1a;www.XXX.xom/恶意页面.jsp&＃xff09;。

2、Web开发兼容性问题
兼容问题主要包括css兼容,js兼容

不同浏览器默认样式不同:
事件兼容的问题&＃xff0c;我们通常需要会封装一个适配器的方法&＃xff0c;过滤事件句柄绑定、移除、冒泡阻止以及默认事件行为处理

阻止默认行为:

w3c 的方法是 e.preventDefault()&＃xff0c;IE 则是使用 e.returnValue &＃61; false;

阻止事件冒泡:

w3c 的方法是 e.stopPropagation()&＃xff0c;IE 则是使用 e.cancelBubble &＃61; true
3、Web前端性能优化

1. 基础知识

1.1浏览器输入url到显示页面&＃xff0c;发生了什么&＃xff1f;

1.2 优化思路

2. 网络层面优化

2.1 HTTP请求优化

2.2 Web缓存&＃xff08;HTTP缓存&＃xff09;

2.3 Web 缓存&＃xff08;浏览器缓存&＃xff09;

3. CDN

3.1 概念

3.2 CDN 与前端性能优化

4. 渲染层面优化

4.1 浏览器渲染

4.2 DOM 优化