- 博客(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关注的人