HTTP 协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。 客户端请求服务端，服务端会为这次请求开辟一块内存空间，这个对象便是 Se…

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单元测试、快照测试、端到端测试。本篇文章着重介绍Vue组件的单元测试和快照测试，对于端到端测试请自行搜索相关…

在探讨 CSS、JS 对阻塞行为前，先建立如下的 html，后续的探讨都在这个 html 的基础上进行。 可以预见的是 html 加载完毕后页面会呈现一个蓝色的正方形。 对于没有 async 和 defer 属性的 script，当浏览器解析到 script 标签时会立即加载并…

Javascript DOM（文档对象模型）是一个允许开发人员操纵页面内容、结构和风格的接口。在本文中，我们将理解什么是 DOM 以及如何用 Javascript 去操作它。本文还可以作为基本 DOM 操作的参考。 基本上网页由 HTML 和 CSS 文档组成。浏览器用于创建文…

Cookie是计算机上存储在小文本文件中的数据。当Web服务器将网页发送到浏览器时，连接将关闭，服务器将忘记用户的所有内容。发明Cookie是为了解决“如何记住用户信息”的问题： 当用户访问网页时，他/她的名字可以存储在cookie中。 下次用户访问该页面时，cookie会“记…

所谓的 BOM 即浏览器对象模型（Browser Object Model）。BOM 赋予了 JS 操作浏览器的能力，即 window 操作。DOM 则用于创建删除节点，操作 HTML 文档。BOM 尚无正式的标准，导致各浏览器对于 BOM 方法的支持各有不同，因此需要具体问题具

阅读目录 方法一：position 加 margin 方法二： diaplay:table-cell 方法三：position 加 transform 方法四：flex;align-items: center;justify-content: center 方法五：display:flex;margin:auto 方法六：纯 position 方法七：兼容低版本浏览器，不固定宽高

在基于 HTTP 协议的网络传输中 GZip 经常被使用，Nginx 中也可以使用半行代码开启 GZip。GZip 压缩的原理是什么呢？本篇文章是我在网上阅读了一些文档后做的简单总结。 RFC 1952 是 GZIP file format specification vers…

正则表达式在平时工作中非常常见，但是它的神奇对于很多程序员可能一直像魔法一样的存在，工作中用到的大部分正则都是去网上搜索得来的，再复杂一点看着文档费时费力的拼凑一下。是不是深有感触了？一次在网上看到有关正则的视频，让我收货颇多，当时认真记录了笔记和自己的感悟，也希望给更多需要的…