自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 懒加载

懒加载就是延时加载,当图片出现在可视区域时才进行加载,这样可以优化界面,加快页面初始加载速度。 首先需要了解元素偏移量,可视高度等概念,如下图。 大概的意思就是:当(Element)的offsetTop= (document.documentElement)对象的clientHeight+scrollTop时,用data-src属性的值替代src。 见如下写法 <i...

2020-03-25 12:05:03 150

原创 前端跨域总结

什么是跨域? 由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题。同源策略是一个重要的安全策略,它用于限制一个源的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档,减少可能被攻击的媒介。 只有协议、端口、域名都相同才是同源。如下图 URL 结果 原因 http://store.company.com/dir...

2020-03-24 23:12:46 117

原创 前端js错误监控

简单记录一下几乎没接触过的前端错误监控。 页面运行时的错误 window.onerror = function(message, source, lineno, colno, error) { ... } message:错误信息(字符串)。可用于HTMLonerror=""处理程序中的event。 source:发生错误的脚本URL(字符串) lineno:发生错误的行号(数...

2020-03-23 11:37:03 362

原创 使用wireshark抓包

打开一个http的网站,如https://www.cr173.com/ 抓包过程自行百度 如图所示,get的请求行,请求头,响应的内容全都是明文的。 post与get相比,post是放在报文的body里的。 打开https的网页 跟http不同,三次握手之后,https还会进行建立SSL连接。 查看报文可以看到,整个通信过程都是加密的。 ...

2020-03-23 11:25:17 144

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除