如果是 HTTP 1.0 版本协议，一般情况下，不支持长连接，因此在每次请求发送完毕之后，TCP 连接即会断开，因此一个 TCP 发送一个 HTTP 请求，但是有一种情况可以将一条 TCP 连接保持在活跃状态，那就是通过 Connection 和 Keep-Alive 首部，在…

闲来无事水文章系列 注：此文章只是想简单阐述一下SSR和preRender各自做SEO的处理思路。选择一个东西还是要根据当前业务、时间成本、技术的熟悉程度来进行选择 前言 前些日子，在处理低代码的同时

优秀的算法都大量用到位运算，而位运算在工作中很少用到，借助一个示例，我们看一下其的优势以及原理，顺便mark一波常见位运算。 上一篇《有趣的二进制》我们讲到二进制的一些基础知识，但没有讲到位运算，有同学大呼不过瘾，那这一篇主要讲解下位运算的运用，还是从一个例子开始，希望对大家有…

此次看红宝书的主要重点是测试练习和知识补充，但有些概念和理解也用文字描述了下来，所以代码占比多。测试源码地址 记录了哪些内容：有不熟悉的、有不知道的、还有纯粹补充章节内容的。 红宝书的内容远不止这些 (建议看全书)，阅读顺序和阅读内容参考了 参考阅读建议 。 沉淀一阵子后继续读…

我们想提高网页性能的最有影响力的措施之一，就是以不延迟网页渲染的方式加载CSS。 在默认情况下，浏览器在加载CSS时将终止页面的样式呈现（同步加载），也就是加载CSS会阻塞DOM树的渲染（但并不会阻塞DOM树的构建），可以简单理解为：当在加载CSS的同时，也在构建DOM树，只是…

preload 提升了资源加载的优先级，使得它提前开始加载（预加载），在需要用的时候能够更快的使用上。另外 onload 事件必须等页面所有资源都加载完成才触发，而当给某个资源加上 preload 后，该资源将不会阻塞 onload。 此时的 main.js 加载顺序出现在了 …

今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…

自从使用了 es6 的模块系统后，各种地方愉快地使用 import export default，但也会在老项目中看到使用commonjs规范的 require module.exports。甚至有时候也会常常看到两者互用的场景。使用没有问题，但其中的关联与区别不得其解，使用起…

Universal Module Definition 通用模块规范。 基于统一规范的目的出现，看起来没那么简约，但是支持amd和commonjs以及全局模块模式。 现在的前端模块化标准主要有两种， CMD , AMD 。 CMD 在模块定义当中有三个变量，分别是 requir…