![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器机制
糖糖小姐
这个作者很懒,什么都没留下…
展开
-
防抖和节流
防抖(闭包封装定时器) 用户触发事件过于频繁,只要最后一次事件的操作 function debouce(fn,delay){ let t= null; return function(){ if(t != null){ clearTimeout(t); } t = setTimeout(()=>{ fn(); },delay) } 节流(定时器) 控制高频事件执行次数(每隔多少秒执行一次) ...原创 2021-08-30 20:58:58 · 44 阅读 · 0 评论 -
XSS、CSRF以及防范
XSS(Cross Site Scripting):跨站脚本攻击 CSRF(Cross-site request forgery):跨站请求伪造。 XSS和CSRF是什么? XSS和CSRF攻击的特点 如何防范XSS和CSRF攻击 XSS(跨站脚本攻击) 篡改浏览器正常显示 窃取用户信息 XSS攻击是指攻击者在网站上恶意注入客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。 攻击者对客户端网页注入的恶意脚本一般包括Java.原创 2021-08-17 12:55:03 · 100 阅读 · 0 评论 -
使用localstorage,cookie实现页面通信
调用localstorage 在一个标签页里面使用Locastorage.setItem(key,value)添加/修改/删除 内容; 在另一个标签页里面监听storage时间,即可得到localstorage存储的值,实现不同标签页之间的通讯。 在一个标签页调用 loacalStorage.setItem(name,val) 保存数据 **localStorage.removeItem(name)** 删除数据的时候会触发**‘storage**事件 在另外一个标签页监听document对象的storag原创 2021-08-16 23:32:27 · 126 阅读 · 0 评论 -
fetch与axios的区别
fecth与xios的定义 fecth是浏览器提供的一个api,而axios是社区封装的一个组件 fecth是一个低底层的api,是W3C的正式标准,使用起来不怎么舒服,所以需要封装,以便使用。 fetch和axios的区别 fetch是规范底层api axios是封装 fetch和axios的优缺点 ...原创 2021-08-13 17:10:41 · 1862 阅读 · 0 评论 -
HTTP服务过程和浏览器缓存
一、1次完整的HTTP的服务过程 当我们在web浏览器的地址栏中输入URL地址发生了什么? 对网址进行DNS域名解析,得到对应的IP地址 根据IP地址,找到对应的服务器,发起TCP的三次握手 建立TCP连接后发起HTTP请求 服务器响应HTTP请求,浏览器得到html代码 浏览器解析html代码,并请求html代码中的资源(js,css,图片,先得到代码再找资源 浏览器对页面进行渲染后呈现给用户 服务器关闭连接 == 注== DNS怎么找到域名? DNS域名解析采用“递归查询”方式,先查DNS缓存原创 2021-08-12 23:17:14 · 109 阅读 · 0 评论