1. 前言 浏览器缓存 是浏览器将用户请求过的静态资源（html、css、js），存储到电脑本地磁盘中，当浏览器再次访问时，就可以直接从本地加载了，不需要再去服务端请求了。 但也不是说缓存没有缺点，如果处理不当，可能会导致服务端代码更新了，但是用户却还是老页面。所以前端们要针对…

当用户输入网址之后浏览器究竟干了什么，当然先是域名解析，然后建立链接......网络层面不是我想说的重点，好多前辈大牛都讲过，就一笔带过，着重说的是浏览器在拿到HTML、CSS和JS还有image等等素材之后怎么渲染成我们要看的页面的（google，百度了好多关键词，很多都把细…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

由于最近工作需求，需要极大优化用户的加载速度。 下面我就从网络请求优化的方面进行一次总结吧。😀 雪碧图也叫CSS精灵， 是一种CSS图像合成技术，将多张图片何为一张从而减少网络请求。 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 SVG 与 JPEG 和 GIF …

@前端常见跨域解决方案  `同源策略/SOP`（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能。

前后端分离的项目，我们怎么在前端配置代理，来解决跨域问题。可以从， 1，vue或者react脚手架的配置文件配置proxy。 2，可以从nginx来配置server，设置请求的ip和端口号。