前端劝退之前端知识体系（前端面试体系）
Posted 前端开发博客
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端劝退之前端知识体系（前端面试体系）相关的知识，希望对你有一定的参考价值。
关注公众号 前端开发博客，领27本电子书
回复加群，自助秒进前端群
写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关，涉及的内容有：
浏览器
计算机网络
前端基础（html、css、js）
node
webpack
数据结构和算法
web安全
前端工程化（编译原理的应用）
渲染优化
性能监控
不包括：
跨端（小程序、混合应用）
框架
typescript
移动端
不过前端是真的内卷啊，内容是真多，并丢了点面试题作为参考，以上基本涵盖前端整个知识体系。
其余部分的话，就不算很熟了，所以有人要整第二部分吗？
其他
看了下评论，有人对自己的能力感觉受限，这也正常，由于前端体系本身内容比较多，该文也只是整理了下，没必要全部都关注，只是目前的一个趋势而已。
目前的前端领域方向：
可视化
跨端
小程序
工程化
游戏
DevOps
webAssembly（rust、c、cpp）通过其他语言对前端进行扩展，实现前端无法做到的方案
音视频（FFmpeg）
全栈
必备：
html、css、js
typescirpt（2021了，现在ts也差不多算必备技能了）
框架
浏览器相关知识
监控、埋点
团队协作
可选：
计算机网络
编译原理
数据结构和算法
单元测试
本文内的链接
应评论要求，本文所有内容都可以在这上面找到，并且只会增加，基本不会减少，链接可能有的并没什么内容，如数据结构和算法这个，后续应该会慢慢补充吧，只限于个人的知识体系范围，至于其他告辞。
吐槽：
用飞书的思维笔记做的（变相打广告？），说下体验
优点：
ui不错
可以通过@链接到其他文档
缺点：
粘贴的链接没办法修改title，默认自动识别
没办法换行
不支持图片
采用2边结构的时候，没办法拖拽
分享不支持文件夹（让我添加协作者？？？？？），文件多了，分享就很麻烦。
预览感觉会糊？编辑的时候明显要比预览更清晰
注
因为一些内容更新的比较频繁，所以图上的内容可能并不准确，具体请通过 前端知识体系[1] 查看。
链接（点底部阅读原文直达）：
前端知识体系[2]
html[3]
css[4]
js[5]
ts[6]
node[7]
Vue[8]
React[9]
webpack[10]
前端工程化[11]
浏览器[12]
计算机网络[13]
数据结构和算法[14]
性能优化[15]
前端知识体系
浏览器
从输入网址到看到网页发生了什么
dom 解析规则
css、js是否会阻塞渲染
xss、csrf、csp
重绘和重排的区别
浏览器缓存是怎样的
跨域
作为个前端，毕竟每天都和浏览器打交道，不懂浏览器的前端不算好前端。
浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角[16]
浏览器工作原理与实践_浏览器_V8原理-极客时间[17]
图解 Google V8_虚拟机_javascript_Node.js_前端_Google-极客时间 (geekbang.org)[18]
前端基础
CSS
css 盒模型
bfc
居中
伪类和伪元素
css选择器优先级
CSS层叠上下文[19]
js
事件循环
原型链
this
作用域
闭包
柯里化
事件流
数据类型
promise、generator、async await
0.1 + 0.2 为什么不等于0.3 (IEEE754)
浮点精度
(图灵社区 (ituring.com.cn)[20])
事件循环[21]
一文搞懂V8引擎的垃圾回收 (juejin.cn)[22]
JavaScript 深入之浮点数精度 (juejin.cn)[23]
计算机网络
https 为什么安全
http2的特点
tcp阻塞
http状态码
http3
http和https握手
HTTP/3 原理实战 - 知乎 (zhihu.com)[24]
前端工程化
amd、cmd、esmodule、commonjs区别
import from 和require、import()区别
babel
vite
eslint
postcss
ast
微前端
git commit 规范指南[25]
node
模块查找机制
stream 流
非阻塞异步io
中间件
深入浅出node中间件原理[26]
Node.js理论实践之《异步非阻塞IO与事件循环》[27]
webpack
loader和plugin的区别
tapable
webpack hmr原理
webpack 编译流程
webpack 优化
tree shaking
Webpack HMR 原理解析[28]
性能优化
常见的性能优化方案
一些性能指标
performance各阶段：
前端性能优化之雅虎35条军规 (juejin.cn)[29]
网站性能监测[30]
Performance - Web API[31]
前端监控
一篇讲透自研的前端错误监控[32]
数据结构和算法
宫水三叶的刷题日记[33]
算法面试通关40讲_算法面试_LeetCode刷题[34]
javascript-algorithms[35]
VisuAlgo - 数据结构和算法动态可视化[36]
书：
算法导论
剑指offer
小灰的漫画算法
结束
整理这个，也算是自己的复习，也算总结
关于本文
作者：last_order
https://juejin.cn/post/6994657097220620319
更多链接请阅读原文链接
- 完 -推荐阅读本人是工作 11 年的老前端，面试一个月忽悠了十几个 offer
每日分享前端干货，欢迎关注！
回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
回复「Vue脑图」获取 Vue 相关脑图
回复「思维图」获取 JavaScript 相关思维图
回复「简历」获取简历制作建议
回复「简历模板」获取精选的简历模板
回复「加群」进入500人前端精英群
回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
回复「知识点」下载高清JavaScript知识点图谱
👍🏻 点赞 + 在看 支持小编
以上是关于前端劝退之前端知识体系（前端面试体系）的主要内容，如果未能解决你的问题，请参考以下文章