
网络知识
文章平均质量分 83
蛞蝓不孤寡
我这个人是简介不完的
展开
-
npm install报错:淘宝镜像证书过期
早在 2021 年,淘宝就发文称,npm 淘宝镜像已经从 http://registry.npm.taobao.org 切换到了 http://registry.npmmirror.com。2024年1 月 22 日,淘宝原镜像域名(http://registry.npm.taobao.org)的 HTTPS 证书正式到期,导致旧的 npm 淘宝镜像在使用时出错了。华为:https://mirrors.huaweicloud.com/repository/npm/原创 2024-07-10 11:27:29 · 2430 阅读 · 0 评论 -
使用浏览器开发工具分析性能
使用浏览器开发工具进行网络及性能分析原创 2024-02-02 10:16:52 · 1612 阅读 · 0 评论 -
深层次理解GET和POST请求
GET和POST请求的区别首先我们需要了解GET和POST是什么?GET和POST是什么?GET和POST是HTTP协议中的两种发送请求的方法。HTTP是什么?HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。HTTP协议中与服务器交互的方式一共有四种:PUT、DELETE、POST、GET,分别对应了对服务器资源的增删改查。其中GET是获取数据,POST是修改数据。那么GET和POST请求的区别都有哪些?关于GET和POST请求的区别,最直观的区别就在于GET的参数原创 2021-03-16 22:53:45 · 608 阅读 · 0 评论 -
再次聊聊前端性能优化
之前写过关于前端性能优化的文章,但总觉得还是太笼统太敷衍,等到面试官问到为什么这样就会被绊住脚,今天就详细聊聊关于前端性能优化的点,以及到底为什么是这样。原创 2022-05-05 19:24:52 · 1141 阅读 · 0 评论 -
浏览器的本地存储
浏览器的本地存储一、Cookie二、WebStorage1、localStorage2、sessionStorage三、IndexedDB四、总结浏览器的本地存储主要分为Cookie、WebStorage和IndexedDB,其中WebStorage又分为localStorage(本地存储)和sessionStorage(会话存储)。一、CookieCookie最开始并不是用于本地存储的,而是为了弥补HTTP在状态管理上的不足:HTTP是一个无状态的协议,客户端向服务器发送请求,服务器返回响应,但是原创 2021-11-16 18:52:20 · 1867 阅读 · 0 评论 -
再次聊聊浏览器缓存
能不能说一下浏览器缓存?强缓存协商缓存之前写过一篇强缓存与协商缓存的文章,经过后来一段学习,回头再看发现写的太杂乱,有点官方,所以打算再总结一篇。浏览器中的缓存作用分为两种情况,一种是需要发送HTTP请求,另一种是不需要发送。强缓存首先检查强缓存,关于强缓存的检查,就涉及到两个字段:在HTTP/1.0和HTTP/1.1当中,使用的字段是不同的。HTTP/1.0使用Expires,而HTTP/1.1使用Cache-Control。ExpiresExpires即为过期时间,存在于服务器返回的响应头原创 2021-11-01 17:12:43 · 259 阅读 · 1 评论 -
前端性能优化
前端性能优化前言前端性能优化的方法1、页面内容2、服务器3、Cookie4、CSS5、Javascript6、图片7、移动端前言首先来看看Network:DOMContentLoaded:DOM渲染完成时间Load:当前页面所有资源加载完成时间关于瀑布流:Queueing:浏览器将资源放入队列的时间Stalled:因放入队列时间而发生的停滞时间DNS Lookup:DNS解析时间Initial connection:建立HTTP连接的时间SSL:浏览器与服务器建立安全性连接的时间T原创 2021-09-09 19:57:52 · 467 阅读 · 1 评论 -
聊聊强缓存与协商缓存
聊聊强缓存与协商缓存前言一、强缓存二、协商缓存三、如何设置强缓存和协商缓存前言在学习强缓存与协商缓存之前,我们先聊聊什么是缓存?缓存是指浏览器(客户端)在本地磁盘中对访问过的资源保存过的副本文件。那么浏览器缓存有什么优点呢?减少重复请求数据,避免通过网络再次加载资源,节省流量。降低服务器的压力,提升网站性能。加快客户端加载网页的速度,提升用户体验。浏览器的请求流程:浏览器在第一次请求后缓存资源,再次请求时:1、浏览器获取该缓存资源的 header 中的信息,根据response原创 2021-08-13 16:42:10 · 1368 阅读 · 0 评论 -
HTML5的WebStorage
WebStorage是什么?WebStorage是HTML5中本地存储的解决方案之一。WebStorage两个主要目标:(1)提供一种在cookie之外存储会话数据的路径。(2)提供一种存储大量可以跨会话存在的数据的机制。在WebStorage概念引入之前,浏览器兼容的本地存储方案只有使用cookie。由于cookie的局限性:浪费带宽、存储大小有限、操作复杂等,转而使用WebStorage存储机制。cookie的缺陷数据大小:cookie的数据大小限制在4kb左右安全问题:HTTP请求原创 2021-05-11 16:16:37 · 541 阅读 · 0 评论