前端基础需要学什么？这篇文章帮你梳理清楚，另附有前端面试551道题

前言

之前小编写了一篇前端面试套餐：Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题文章，有讲到打算后面单独写一篇详讲前端基础学什么，拖了这么久终于出来了哈哈哈哈。至于前端怎么学，小伙伴们可以看看这篇文章，有详细讲了3个学习方法，点击这直接跳转到文章。让我们一起看看，前端基础都要学些什么？

抛开面试，系统学习

在一切之前，应该系统地去学习前端的基础知识。 对前端而言，这些基础包括 HTML，CSS，JavaScript，浏览器原理，网络协议，MVVM 框架和一些必要的计算机基础等。应该先抛开面试的目的去学习这些知识，建立自己的知识体系，然后再结合面试题，运用掌握的知识去理解并解决面试题。

JavaScript 基础

JavaScript 基础非常重要，相比于大同小异的框架面试题，JavaScript 可以问很多东西，而且细问起来也有很多有意思东西，如果时间充足可以系统地过一遍。（现实往往是没时间…）

• 执行上下文/作用域链/闭包
• this/call/apply/bind
• 原型/继承
• Promise
• 深浅拷贝
• 事件机制/Event Loop
• 函数式编程
• service worker/web worker
• 常用方法
  …

CSS 基础

• position
• 行内元素/块状元素
• flex
• 1px
• 重绘回流
• Sass/Less
• 居中/常见布局
• 层叠上下文
  …

框架

这一块主要是关注 Vue 和 React 的共性和特性，侧重 Vue（我工作中是主 Vue），过程中看了一些源码，加深理解。

• MVVM
• 生命周期
• 数据绑定
• 状态管理
• 组件通信
• computed/watch 原理
• Virtual DOM
• diff
• React Hook
• React Hoc/Vue mixin
• Vue 和 React 有什么不同
  …

工程化