我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。 这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同学和产品经理、设计师不断重复沟通的。 字体真的只是“系统默认，无从解释”这么简单吗？…

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

什么是有效期，就是图中的Expires属性，一般浏览器的cookie都是默认储存的，当关闭浏览器结束这个会话的时候，这个cookie也就会被删除，这就是上图中的——session(会话储存)。 Max-Age，是以秒为单位的，Max-Age为正数时，cookie会在Max-Ag…

一个页面允许加载的外部资源有很多，常见的有脚本、样式、字体、图片和视频等，对于这些外部资源究竟是如何影响整个页面的加载和渲染的呢？今天我们来一探究竟。 注意：如果当前选择的自定义选项被修改了，则需要切换到别的选项再切回来才可生效。 为什么是这个速度？因为如下的一些资源，比如图片…

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

在前端性能优化的方式中，最重要的当然是缓存了，使用好了缓存，对项目有很大的帮助。比如我们访问网页时，使用网页后退功能，会发现加载的非常快，体验感很好，这就是缓存的力量。 什么是缓存呢？ 当我们第一次访

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 全称 Domain Name System ,即域名系统。 简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。 有d…

localStorage 存储的键值采用什么字符编码？ 5M 的单位是什么？键占不占存储空间？键的数量，对写和读性能的影响？统计已使用空间？

本文简要描述了 DNS 系统的分层结构，包括根域名服务器、顶级域服务器、权威 DNS服务器，还有分层结构外的本地 DNS 服务器，通过 DNS 查询过程描述了它们之间是怎么交互的。