最近看了本书，叫《web 高效编程与优化实践》，看的过程中激发了我对 Chrome Devtools 的兴趣，恰好看到了关于性能优化和网页渲染的那部分，又想起了之前看过各大论坛大家对于浏览器渲染的理解，所以打算自己再看看这部分的知识点，解决一些疑问。 这几篇部分是在这个过程中看…

Web 缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取这 个文档。（此结论来自http权威指南） 缓存减少了冗余的数据传输，节省了你的网络费用。 缓存缓解了网络瓶颈的问题。不…

众所周知，性能十分重要。然而，我们真的知道性能瓶颈具体在哪儿吗？是执行复杂的 JavaScript，下载缓慢的 Web 字体，巨大的图片，还是卡顿的渲染？研究摇树（Tree Shaking），作用域提升（Scope Hoisting），或是各种各样的与 Intersection…

前言: 本篇文章我将带大家一起来好好认识一下postMessage,包括它的兼容性,对应的API介绍,以及常见的几个使用场景,希望可以给有同样困惑的盆友们一点启发,给需要用这个技术的同僚们一些帮助. postMessage是html5引入的API,postMessage()方法…

身为一名前端开发工程师，有时候业务场景是无法用手速模拟的，老司机也有翻车的时候【你懂得】。因此我特意写这一篇文章，希望能够对大家有所帮助。 打开chrome浏览器，使用组合键Ctrl+shift+i打开开发者工具，接下来如图所示。 点击new snippet -->输入脚本‘名…

我觉得很多网站没有使用Manifest是因为上面提到的两个原因，有些人有尝试过，但使用起来比较麻烦，离线应用价值好像不太大。但是使用Manifest还是有很多好处的，特别是像博客等之类的偏向于展示的网站，或者是在线APP，这种网站的数据动态变化频率比较低，不需要频繁地向服务请求…

作为一个 Web 程序员👨‍💻‍，对于网络模型你应该了解，知道网络到底是怎么进行通信的，进行工作的，为什么服务器能够接收到请求，做出响应。这里面的原理应该是每个 Web 程序员应该了解的。 网络模型不是一开始就有的，在网络刚发展时，网络协议是由各互联网公司自己定义的，比如那…

TCP是TCP/IP协议栈的核心组成之一，对开发者来说，学习、掌握TCP非常重要。 本文主要内容包括：什么是TCP，为什么要学习TCP，TCP协议格式，通过实例讲解TCP的生命周期（建立连接、传输数据、断开连接）