代码传送门 概念 一、强缓存 在向服务端发送请求之前，浏览器会根据请求头部携带的Cache-Control或者Expires来尝试命中强缓存，如果命中则直接返回资源，不会再向服务器发送请求 强缓存的原

本文讲述了WebSocket是什么，为什么需要WebSocket，WebSocket的服务器、客户端代码实现以及心跳机制的实现。

大厂面试越来越难，对算法的要求也越来越多，当面试官问到一个算法题，给出一份完美答案能大大提高面试官的好感度，本系列就是致力于打造一套适用于前端的算法。 1. 解法一：使用API 2. 解法二：不使用API 3. 更多题解 1. 题目 给定一个字符串，请你找出其中不含有重复字符的…

Fetch API 是一种用于进行网络请求的现代 JavaScript API，提供了更简洁、强大和灵活的方式来处理异步数据交互。

LocalStorage、SessionStorage和IndexedDB的概念和基础应用，初识Web Workers，体验web Workers带来的并行计算能力

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

定义：flex-shrink指定了flex元素的收缩规则，当flex元素的宽度/高度>父容器的宽度/高度时发生收缩当flex-shrink为0时此时main的width为400px，而其五个item的

在前端工作中免不了接触到虚拟列表，本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文，相信各位随手就能撸出一个虚拟列表！

浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…