
前端网络&性能优化
文章平均质量分 66
Judy_dada
干一行爱一行,专一行精一行。
展开
-
XSS和CSRF攻击及防御
一、 CSRF跨站点请求伪造(Cross—Site Request Forgery) 1、 CSRF攻击攻击原理及过程如下:(1)用户C打开浏览器,访问受信任网站A,输入用户名和密码请求登录网站A;(2)在用户信息通过验证后,网站A产生Cookie信息并返回给浏览器,此时用户登录网站A成功,可以正常发送请求到网站A;(3)用户未退出网站A之前,在同一浏览器中,打开一个TAB页访问网...原创 2018-09-19 08:48:13 · 548 阅读 · 0 评论 -
js内存泄漏几种方式及如何避免、内存溢出
一、什么是内存泄漏(memory leak)?参考阮一峰老师博客:http://www.ruanyifeng.com/blog/2017/04/memory-leak.html不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。对于持续运行的服务进程(daemon),必须及...原创 2018-09-25 22:19:41 · 8530 阅读 · 0 评论 -
函数去抖(debounce)和函数节流(throttle)
一、定义函数去抖(debounce)和函数节流(throttle)都是函数调用频率的控制器。_.debounce(func, [wait=0], [options={}])func(Function): 要防抖动的函数。 [wait=0](number): 需要延迟的毫秒数。 [options={}](Object): 选项对象。 [options.leading=fa...原创 2019-07-17 09:57:07 · 234 阅读 · 0 评论 -
UDP和TCP的优缺点和区别
一、TCPTCP优点:面向对象连接,全双工可靠准确,三次握手建立连接,在数据传递时,与确认、窗口、重传、拥塞控制机制。TCP缺点:慢、效率低,在传输数据之前需要建立连接消耗大量时间;因为TCP有确认机制、三次握手机制导致TCP容易被发现,实现DOS等攻击。什么时候应该使用TCP?对网络通讯质量有要求的时候,整个数据要准确无误的传递给对方,比如:HTTP、FTP、HTTPS等传输文件的协...原创 2019-03-08 16:07:14 · 441 阅读 · 0 评论 -
TCP连接建立三次握手和TCP连接释放四次挥手(正解篇)
一、参考文章https://blog.youkuaiyun.com/lengxiao1993/article/details/82771768多次在网络博客上学习到的错误解读是:防止已失效的连接请求又传送到服务器端,因而产生错误。但这种解释不准确。正确的解释是:为了实现可靠数据传输, TCP 协议的通信双方, 都必须维护一个序列号, 以标识发送出去的数据包中, 哪些是已经被对方收到的。...原创 2019-03-08 15:44:19 · 1596 阅读 · 0 评论 -
前端的缓存
前端的缓存无非就Cookie,LocalStorge,SessionStorge这三个Cookie,存储容量小,仅仅4kb左右,在网络请求的时候可以发送,不建议存储重要数据,因为会被网络诈骗就是把本地的cookie发到别人的服务器上,进而获取你的账户密码。LocalStorge,SessionStorge都是本地缓存的主要用的,两者的用法都很简单,都有各自的Set和get方法。主要的区别就...原创 2018-09-27 16:36:21 · 233 阅读 · 0 评论 -
Ajax跨域问题、简述Ajax原理及请求过程
一、什么是跨域了解跨域之前先了解同源策略。同源策略:即浏览器为保障用户的安全,浏览器为了保证用户信息的安全,防止恶意的网站窃取数据,禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略,从而限制他们之间如下的交互行为:1、Cookie、LocalStorage 和 IndexDB 无法读取;2、 DOM 无法获得;3、 AJAX 请求不能...原创 2018-09-24 19:30:45 · 1329 阅读 · 0 评论 -
从输入URL到页面加载显示完成这个过程发生了什么?
参考博客:https://blog.youkuaiyun.com/xingxingba123/article/details/52743335一般会经历以下几个过程:1、在浏览器地址栏输入url;2、浏览器查看浏览器缓存——系统缓存——路由器缓存,若有,直接在屏幕中显示,若没有,则进行第三部操作;3、在发送http之前,需要域名解析(DNS),获取相应IP地址;4、浏览器与服务器建立TCP...原创 2018-09-19 15:07:15 · 311 阅读 · 0 评论 -
常见的HTTP状态码
参考博客:https://blog.youkuaiyun.com/q1056843325/article/details/53147180https://blog.youkuaiyun.com/huwei2003/article/details/70139062状态码分类:状态码 响应类别 原因短语 1XX 信息性状态码(Informational) 服务器正在处理请求 2XX...原创 2018-09-26 10:54:02 · 234 阅读 · 0 评论 -
Web前端性能优化方法总结
参考博客:https://blog.youkuaiyun.com/fuzhongmin05/article/details/69397581Web前端性能优化方法总结1、减少HTTP请求减少HTTP的主要手段是合并CSS、合并JavaScript、合并图片。如:CSS Sprites (参考博客:https://blog.youkuaiyun.com/Makenzie/article/detai...原创 2018-09-19 16:40:42 · 692 阅读 · 0 评论