关于前端学习路线的一些建议

入题
我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是 CSS&HTML&JavaScript 了。但这三大件一直都是前端的根本，这一点从未改变。而这三大件中 JavaScript 又是重中之重。

接下来我会结合我的一点经验，给出前端学习路线的一些具体建议。

三大件学习

现在每年依旧有很多初级入门的前端开发。所以对初入门的朋友也给出一点意见。

刚入门的朋友，我觉得不应该一开始就学习像 Vue、TypeScript、Webpack 等知识。应该把重点放在 CSS&HTML&JavaScript 基础知识的学习上。

CSS & HTML

对于刚入门的朋友我依旧建议先将 CSS(3)&HTML(5) 的知识点认真学习一遍。学习的途中最好是学习完一部分就自己在敲一遍代码，加深自己的记忆。

当然如果你愿意，建议你可以先仿一个网站的静态页面（掘金、知乎等都可以），有一些属性就可以了解他实际的实现场景。

当然刚开始敲代码的时候还是不要过分依赖自动补全功能，一开始就使用自动补全对你记忆一些属性时没有帮助的；踏实点学习，日后会有回报的。

关于 CSS(3) 你需要了解的一些知识点

• 盒模型（标准 & IE ）

• flex、float、Normal Flow 等的理解

• CSS 常用选择器

• 行内、内部、外部样式的区别

• CSS 层叠规则

• BFC 与 IFC 的了解

• CSS3 的 transform、transition、animation 等属性的运用了解

• 响应式布局的理解

CSS 说容易也容易，说复杂也复杂；因为 CSS 总是能给你意外的惊喜。

HTML(5) 你需要了解的一些知识点

说到 HTML 我想有很多人是 div 一把梭。因为 div 用的爽，不用担心默认样式。

有人说 HTML 语义化的优点很多，比如清晰的页面结构、有利于 SEO、便于团队开发和维护；这些我都承认，不过我还是喜欢 div 一把梭。

• HTML 语义化( 不是很理解为什么面试总会问 )

• canvas

• 本地存储（ localStorage、sessionStorage、cookie 的理解 ）

• video 和 audio 的使用

• 应用缓存( cache manifest )

• ……

JavaScript
JavaScript 一直都是我们前端的基石，一定程度上 JavaScript 的理解深度决定了你的发展。所以一定要用心学习。

现在很多人一看到闭包、原型链、作用域链、继承之类的文章都是直接跳过，你现在可以自问一下你的确理解这些基础的知识点吗？

JavaScript 的基础知识点确实很多，所以《JavaScript 高级程序设计》 写了 700 多页；不过当你 JS 基础扎实后，你会发现你在学习框架、亦或是学习框架源码的时候会轻松许多。

JavaScript（ES6+） 你需要了解的一些知识点

• 类型转换

• this

• 作用域（作用域链）

• 原型链以及继承