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