前端劝退之前端知识体系（前端面试体系）
Posted .Der_Rabe
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端劝退之前端知识体系（前端面试体系）相关的知识，希望对你有一定的参考价值。
前言
虽然马上就要金九银十了，面试的人应该不少，虽然我也有在面，写文的目的主要是梳理下知识，能对复习有点帮助就行，本文主要针对前端知识体系相关，涉及的内容有：
文章转载：乐字节
- 浏览器
- 计算机网络
- 前端基础（html、css、js）
- node
- webpack
- 数据结构和算法
- web安全
- 前端工程化（编译原理的应用）
- 渲染优化
- 性能监控
不包括：
- 跨端（小程序、混合应用）
- 框架
- typescript
- 移动端
不过前端是真的内卷啊，内容是真多，并丢了点面试题作为参考，以上基本涵盖前端整个知识体系。
其余部分的话，就不算很熟了，所以有人要整第二部分吗？
其他
看了下评论，有人对自己的能力感觉受限，这也正常，由于前端体系本身内容比较多，该文也只是整理了下，没必要全部都关注，只是目前的一个趋势而已。
目前的前端领域方向：
- 可视化
- 跨端
- 小程序
- 工程化
- 游戏
- DevOps
- webAssembly（rust、c、cpp）通过其他语言对前端进行扩展，实现前端无法做到的方案
- 音视频（FFmpeg）
- 全栈
必备：
- html、css、js
- typescirpt（2021了，现在ts也差不多算必备技能了）
- 框架
- 浏览器相关知识
- 监控、埋点
- 团队协作
可选：
- 计算机网络
- 编译原理
- 数据结构和算法
- 单元测试
本文内的链接
应评论要求，本文所有内容都可以在这上面找到，并且只会增加，基本不会减少，链接可能有的并没什么内容，如数据结构和算法这个，后续应该会慢慢补充吧，只限于个人的知识体系范围，至于其他告辞。
吐槽：
用飞书的思维笔记做的（变相打广告？），说下体验
优点：
- ui不错
- 可以通过@链接到其他文档
缺点：
- 粘贴的链接没办法修改title，默认自动识别
- 没办法换行
- 不支持图片
- 采用2边结构的时候，没办法拖拽
- 分享不支持文件夹（让我添加协作者？？？？？），文件多了，分享就很麻烦。
- 预览感觉会糊？编辑的时候明显要比预览更清晰
链接：
前端知识体系
浏览器
- 从输入网址到看到网页发生了什么
- dom 解析规则
- css、js是否会阻塞渲染
- xss、csrf
- 重绘和重排的区别
- 浏览器缓存是怎样的
- 跨域
作为个前端，毕竟每天都和浏览器打交道，不懂浏览器的前端不算好前端。
浏览器渲染详细过程：重绘、重排和 composite 只是冰山一角
图解 Google V8_虚拟机_JavaScript_Node.js_前端_Google-极客时间 (geekbang.org)
前端基础
CSS
- css 盒模型
- bfc
- 居中
- 伪类和伪元素
- css选择器优先级
js
- 事件循环
- 原型链
- this
- 作用域
- 闭包
- 柯里化
- 事件流
- 数据类型
- promise、generator、async await
- 0.1 + 0.2 为什么不等于0.3 (IEEE754)
- 浮点精度
JavaScript 深入之浮点数精度 (juejin.cn)
计算机网络
- https 为什么安全
- http2的特点
- tcp阻塞
- http状态码
- http3
- http和https握手
前端工程化
- amd、cmd、esmodule、commonjs区别
- import from 和require、import()区别
- babel
- vite
- eslint
- postcss
- ast
- 微前端
node
- 模块查找机制
- stream 流
- 非阻塞异步io
- 中间件
webpack
- loader和plugin的区别
- tapable
- webpack hmr原理
- webpack 编译流程
- webpack 优化
- tree shaking
性能优化
- 常见的性能优化方案
- 一些性能指标
performance各阶段： 
前端监控
数据结构和算法
书：
- 算法导论
- 剑指offer
- 小灰的漫画算法
整理这个，也算是自己的复习，也算总结，有兴趣的话也可以加交流裙，一起学习：933873310 备注：75
以上是关于前端劝退之前端知识体系（前端面试体系）的主要内容，如果未能解决你的问题，请参考以下文章