本文包含了前端面试中涉及到的`HTML`、`CSS`、`JS`、`ES6`、`浏览器`、`NodeJS`、`TS`、`Web安全`和`计算机网络`等各个部分共 **543**个知识点，且会持续更新~

如果你还不能很好的解答上面的问题，那说明你还没有完全掌握这部分的知识，那么请好好阅读下面的文章吧。 本文从底层原理到实际应用详细介绍了JavaScript中的变量和类型相关知识。 ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。 上…

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

又到了金九银十季，最近我也是奔波于各种面试。我自己总结整理了很多方向的前端面试题。借着国庆这个假期，也把这些题目总结分享给大家，也祝正在面试的朋友们能够拿到满意的offer。

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

Webpack 的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年，是仅两天来前端打包工具中的后起之秀，重点解决 Webpack 在开发阶段的开

BFC（Block Formatting Contexts），块级格式化上下文，是 CSS 中一个比较晦涩难懂的概念，下面我们尝试以通俗易懂的语言彻底地理解它。CSS 盒模型描述了通过文档树中的元素以

本文基于hls.jshls.js的使用非常简单，以下为其官方的demo：该框架的配置多大几十项，一般情况下使用默认配置即能满足绝大部分场景。但是如果针对一些特殊场景需要更改配置，对一般开发者来说并非易

浏览器主进程：只有一个，主要控制页面的创建、销毁、网络资源管理、下载等。 第三方插件进程：每一种类型的插件对应一个进程，仅当使用该插件时才创建。 GPU进程：最多一个，用于3D绘制等。 浏览器渲染进程(浏览器内核)：每个Tab页对应一个进程，互不影响。 这里我们只考虑输入的是一…