三旬8

是时候放下console.log一把梭了，快来学学如何使用VS Code debug代码吧~VS Code的关键特性之一就是它具有强大的调试功能，不学白不学啦

对于相对定位(relative positioning)，position: relative，盒偏移位置由top、bottom、left、right属性定义。即使有偏移，仍然保留原有的位置，其它常规流不能占用这个位置。 1、内部的Box会在垂直方向，一个接一个地放置。（与常规…

Webp 是由谷歌在 2010 年 9 月发布的一种用于 web 端支持有损和无损压缩的图片格式（同时也支持动态图片和透明度）。

Webp是一个现代的图片格式提供优秀的无损和有损压缩。使用Webp我们可以创建更小更丰富的图片。 Webp无损图片比PNG图片的size小26%。Webp有损图片在同等SSIM（结构化相似）质量下比JPEG小25-34%。无损Webp支持透明度（透明通道）只占22%额外的字节。…

本文主要介绍preload的使用，以及与prefetch的区别。然后会聊聊浏览器的加载优先级。 preload 提供了一种声明式的命令，让浏览器提前加载指定资源(加载后并不执行)，在需要执行的时候再执行。提供的好处主要是 目前我们支持的浏览器主要为高版本 Chrome，所以可放…

Web SPA 应用首屏加载优化（Web 应用首屏渲染优化）。团队内的项目所使用的技术为 SPA 单页面应用（React）客户端方式渲染。

概述   meta 元素用于指定页面的信息和部分行为。通常用于指定网页的描述，关键字等元数据。   可以被使用浏览器、搜索引擎或其他 Web 服务调用。 charset   charset规定HTML

分别为Cache-Control、Connection、Date、Pragma、Transfer-Encoding、Upgrade、Via；实体头则是实体信息的实体头域，分别为Allow、Content-Base、Content-Encoding、Content-Languag…

--- theme: healer-readable highlight: night-owl --- ## 如何清除DNS缓存？ >在浏览器中输入下面的地址： `chrome://net-inter