在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 一个优秀的缓存策略可以缩短网页请求资源的距离，减少延…

本文已收录在Github github.com/Geekhyt，感谢Star。 从淡黄的长裙和蓬松的头发我察觉到，面前坐着的这位女面试官属实是有点东西。我的自我介绍也变得声情并茂起来。Skr~~~ 在此期间，小姐姐面无改色的看着我的简历。不过无所谓，这些都不重要。 还是咱们的原…

http0.9只是一个简单的协议，只有一个GET方法，没有首部，目标用来获取HTML。 HTTP1.0协议大量内容：首部，响应码，重定向，错误，条件请求，内容编码等。 因为不足缺陷，就有了http1.1。 http1.1中浏览器再也不用为每个请求重新发起TCP连接了，增加内容有…

本文多数经验来自H5游戏(three.js + dom)开发。 我认为优化不单是代码写的更好，任务调度更合理。优化的目的是让使用者觉得更快、更流畅、更自然。 道理都懂，减少体积，减少解析时间。一般发布版使用压缩后的代码。推荐库 UglifyJS。 配置表一般都有较强的结构和语义…

你是不是看了很多有关缓存的文章，然后都有个大概理解。然后去面试的时候，说起来还是有点结结巴巴咩？被问的慌慌张张？面完心里也没底😶。我把onenote上的笔记拿出来分享给大家咩。当然啦，为了文章内容的可靠性，尽可能使用专业用语。依赖《http权威指南》描述相关内容。至于彩蛋嘛，…

苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场…

本文是面试指南系列文章的第三篇。 1. 请简述浏览器的渲染过程？ 根据生成的渲染树，计算它们在设备视口(viewport)内的确切位置和大小。 通过构造Render Tree和layout，我们已经得知哪些是可见节点，以及可见节点的样式和具体的几何信息(位置、大小)，将渲染树的…

1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？ 浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重…

URI：统一资源标识符。互联网的唯一ID HTTP(hypertext transport protocol)翻译过来为"超文本传输协议"，文本可以理解为简单的字符文字组合，也可以理解为更为复杂的音频或者图像等。那么将这个词语拆分为三个部分。 "超文本"和"文本"相比多了一个字…