WEB前端三大基础核心内容【HTML5、CSS3 和 JavaScript】

? ? ??对于前端的学习和提高，我的基本思路是这样的。首先，前端的三个最基本的东西 HTML5、CSS3 和 JavaScript（ES6）是必须要学好的。这其中有很多很多的技术，比如，CSS3 引申出来的 Canvas（位图）、SVG（矢量图） 和 WebGL（3D 图），以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。ES6 简直就是把 JavaScript 带到了一个新的台阶，JavaScript 语言的强大，大大释放了前端开发人员的生产力，让前端得以开发更为复杂的代码和程序，于是像 React 和 Vue 这样的框架开始成为前端编程的不二之选。

? ? ??我一直认为学习任何知识都要从基础出发，所以我会有很大的篇幅在讲各种技术的基础知识和基本原理，尤其是如下的这些知识，都是前端程序员需要一块一块啃掉的硬骨头。

? ? ??JavaScript 的核心原理。这里我会给出好些网上很不错的讲 JavaScript的原理的教程，你一定要学好语言的特性和其中的各种坑。

https://·/video/BV1pF411W7rh/https://·/video/BV1pF411W7rh/

? ? ??浏览器的工作原理。这也是一块硬骨头，我觉得这是前端程序员需要了解和明白的东西，不然，你将无法深入下去。

? ? ? 网络协议 HTTP。也是要着重了解的，尤其是 HTTP/2，还有 HTTP 的几种请求方式：短连接、长连接、Stream连接、WebSocket 连接。

? ? ??前端性能调优。有了以上的这些基础后，你就可以进入前端性能调优的主题了，我相信你可以很容易上手各种性能调优技术的。

? ? ?框架学习。我只给了 React 和 Vue 两个框架。就这两个框架来说，Virtual DOM

? ? ??技术是其底层技术，组件化是其思想，管理组件的状态是其重点。而对于 React来说，函数式编程又是其编程思想，所以，这些基础技术都是你需要好好研究和学习的。

? ? ? UI 设计。设计也是前端需要做的一个事，比如像 Google 的 Material UI，或是比较流行的 Atomic Design等应该是前端工程师需要学习的。