万物论

本文主要介绍大型分布式系统中缓存的相关理论，常见的缓存组件以及应用场景。 反向代理位于应用服务器机房，处理所有对WEB服务器的请求。 如果用户请求的页面在代理服务器上有缓冲的话，代理服务器直接将缓冲内容发送给用户。如果没有缓冲则先向WEB服务器发出请求，取回数据，本地缓存后再发…

前端面试常问第二大问题是http缓存相关内容。说真的，http缓存相关的细节比较多，并且 http 常用协议版本有1.0、1.1，（本文暂不讨论http2.0）。 我们先罗列一下和缓存相关的请求响应头。 今天着重介绍一下浏览器缓存机制，我们知道，浏览器缓存一般都是针对静态资源，…

Webpack 4 发布已经有一段时间了。Webpack 的版本号已经来到了 4.12.x。但因为 Webpack 官方还没有完成迁移指南，在文档层面上还有所欠缺，大部分人对升级 Webpack 还是一头雾水。 不过 Webpack 的开发团队已经写了一些零散的文章，官网上也有…

成功的视觉构图很大程度上利用了人们对于图形感知上的规律。影响人类感知的因素有很多，其中大多都和心理学息息相关。图形和形状当中，也蕴含着深刻的心理学原理，今天的文章我们来讨论一下图形中的规律，以及它们是

过度设计，一般是说过度满足用户需求的设计，用户想要A,你给了他ABCDE，结果BCDE全部用不上，既让用户选择困难，又浪费了团队开发时间。即使是有经验的设计师，有时也容易陷入自己的“小循环”中难以自拔

前后端分离，目前对于一个前端开发者来说，或者将其放在软件开发领域的历史背景下，都是再平常不过的一件事情了。17 年时进行了一个前后端彻底分离方案的实践，每次想起来这个方案时，总觉得它不够完美。现在将其写下来和大家交流，期望可以促进方案的后续完善。 刚加入丁香园前端团队时，前后端…

结合实例深入理解闭包

WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。 HTML5开始提供的一种浏览器与服务器进行全双…

本节将解释清楚以上问题。 bundle.js 能直接运行在浏览器中的原因在于输出的文件中通过 __webpack_require__ 函数定义了一个可以在浏览器中执行的加载函数来模拟 Node.js 中的 require 语句。 原来一个个独立的模块文件被合并到了一个单独的 b…