在项目开发过程中，前端需要存储大量的数据，cookie,localstorage 都有存储长度限制，需要一个存储容量大、支持搜索和自定义索引的前端存储方案——IndexDB。

渲染基础知识 屏幕绘制的原始数据源 位图 我们在屏幕上绘制图像需要的原始数据叫做位图。位图(Bitmap)  是一种数据结构。

异步代码的执行顺序是前端面试必问的面试题，它主要考察对 Event Loop、宏微任务以及它们执行顺序的理解。 这类问题新手比较容易困惑，老手一不注意也容易掉坑里。 那理清这类问题，有没有什么好的办法

HTTP/3 已经来临，这对 Web 性能是件大事。让我们看看它能让网站速度提升多少吧！等等，HTTP/2 难道不好么？它在这几年不是挺火的吗？确实是，但它仍有一些问题，新版本的协议正朝向“标准跟踪“

本文是一个 V8 编译原理知识的介绍文章，旨在让大家感性的了解 JavaScript 在 V8 中的解析过程。

1. 为什么需要缓存 通过缓存机制，可以在相应场景下复用以前获取的资源。 2. HTTP缓存类型 3. 强缓存 对于强缓存，服务器返回的静态资源响应头会设置一个强制缓存的时间，在缓存时间内，如刷新浏览器请求相同资源，在缓存时间未过期的情况下，则直接使用已缓存资源。如缓存资源已过…

一个经典的问题： 从输入URL到页面显示中间经历了什么？ 在分析整个流程前先了解下浏览器的整体架构 浏览器进程 主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。 渲染进程 核心任务是将 H

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

遇到性能优化的问题，大抵都会从两个方向入手：行业标准优化手段、实际性能瓶颈问题。既能够从先进的模式、方法、套路吸收借鉴，又能够结合实际性能情况设计应对方案，已然是高质量工作的路径了