![](https://img-blog.csdnimg.cn/20210726010244195.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
FE
文章平均质量分 70
Front End
一只月月鸟呀
How many loved your moments of glad grace,
and loved your beauty with love false or true,
But one man loved the pilgrim soul in you,
and loved the sorrows of your changing face;
展开
-
服务端向客户端推送数据的实现方案:轮询、websocket和SSE
在很久很久以前,前端一般使用轮询来进行服务端向客户端进行消息的_伪推送_,为什么说轮询是伪推送?因为_轮询本质上还是通过客户端向服务端发起一个单项传输的请求_,服务端对这个请求做出响应而已。通过不断的请求来实现服务端向客户端推送数据的错觉。并不是服务端主动向客户端推送数据。显然,轮询一定是上述三个方法里最下策的决定。websocket是一个双向通讯的协议,他的优点是,可以同时支持客户端和服务端彼此相互进行通讯。功能上很强大。缺点也很明显,websocket是一个新的协议,ws/wss。转载 2024-04-17 17:46:29 · 93 阅读 · 0 评论 -
Nginx常用代理配置
通过该配置,访问nginx地址http://10.0.0.1:80/my的请求会被转发到my_server服务地址http://10.0.0.2:8080/。访问nginx地址http://10.0.0.1:80/my的请求会被转发到my_server服务地址http://10.0.0.2:8080/my。这是因为。转载 2023-12-25 22:25:33 · 138 阅读 · 0 评论 -
跨域方式实现方法
同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。转载 2023-03-14 17:25:14 · 201 阅读 · 0 评论 -
Cookie、Session登陆验证相关介绍和用法
Cookie和Session用户登陆应用的原理Cookie的定义查看CookieDjango中操作Cookie获取Cookie设置Cookie删除CookieDjango中Session相关用法Session版登陆验证Django中的Seesion配置CBV中加载装饰器相关1. 加在CBV视图的get或post方法上2. 加在dispatch方法上3. 直接加在视图类上,但method_decorator必须传 name 关键字参数中间件CSRF Tokencookie翻译成中文意思是曲奇饼、饼干。转载 2022-12-30 16:29:07 · 870 阅读 · 0 评论 -
GET http://localhost:8080/***.png net::ERR_BLOCKED_BY_CLIENT 无法加载图片
扩展程序白名单。原创 2022-10-28 13:40:43 · 521 阅读 · 0 评论 -
防抖和节流的区别
防抖debounce定义:触发事件后该事件在n秒内仅会执行一次,若在n秒内再次触发,则重新计算时间应用场景假设在浏览器窗口resize时执行某个方法,并不需要在拉动窗口时不断执行该方法,而是在拉动停止后执行,则可以通过防抖实现例如在百度搜索时,每次输入之后都有联想词弹出,这个控制联想词的方法不是输入框内容一改变就触发的,而是当你结束输入一段时间之后才会触发,如果在这短暂的时间段内一直在输入词语,则重新计算这段时间且不执行方法。节流debounce定义:触发事件,在n秒内只会执行一次应用场景原创 2022-03-09 22:48:35 · 180 阅读 · 0 评论 -
Front-End notes
Front-End notes。原创 2022-03-03 00:07:27 · 218 阅读 · 0 评论 -
最新Chrome浏览器跨域设置
最新Chrome浏览器跨域设置注意,设置跨域后会设置为全新的浏览器,最好是先新建一个快捷方式在桌面老版本设置在桌面新建一个Chrome浏览器的快捷方式,右键选择属性-目标,添加“ --disable-web-security --user-data-dir”即可。新版本设置新版本比旧版本多一步操作,需要在本地创建一个文件夹用于存放这个新浏览器的配置,同样第一步在桌面新增Chrome浏览器的快捷方式,然后右键选择属性-目录,添加“ --disable-web-security --user原创 2020-12-26 22:02:25 · 1044 阅读 · 0 评论 -
cookie的应用场景以及同session、web storage的区别
cookiecookiecookie的应用场景cookie与session的区别cookie与web storage的区别cookie在程序中,会话跟踪是很重要的事情。理论上,一个用户的所有请求操作都应该属于同一个会话,而另一个用户的所有请求操作则应该属于另一个会话,二者不能混淆。而Web应用程序是使用HTTP协议传输数据的。HTTP协议是无状态的协议。一旦数据交换完毕,客户端与服务器端的连接就会关闭,再次交换数据需要建立新的连接。这就意味着服务器无法从连接上跟踪会话。于是出现了cookie和s原创 2021-10-28 14:20:25 · 967 阅读 · 0 评论 -
浅谈重绘和重排(回流)以及如何减少或避免回流
重绘和重排的概念,如何减少或避免回流1.重绘(repaint)2.重排(reflow)3.引起重排的原因4.如何减少和避免重排1.重绘(repaint)屏幕的一部分要重绘。渲染树节点发生改变,但不影响该节点在页面当中的空间位置及大小。譬如某个div标签节点的背景颜色、字体颜色等等发生改变,但是该div标签节点的宽、高、内外边距并不发生变化,此时触发浏览器重绘(repaint)。2.重排(reflow)也有称回流,当渲染树节点发生改变,影响了节点的几何属性(如宽、高、内边距、外边距、或是float、p原创 2021-10-27 18:50:09 · 1097 阅读 · 0 评论 -
http和https的区别
http:HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。https:安全套接字层超文本传输协议HTTPS,为了数据传输的安全,HTTPS在HTTP的基础上加入了SSL协议,SSL依靠证书来验证服务器的身份,并为浏览器和服务器之间的通信加密。客户端在使用HTTPS方式与Web服务器通信时有以下几个步骤,如图所示。(1)客户使用https.原创 2021-07-26 01:05:33 · 139 阅读 · 0 评论