关于学习前端的建议

收到一个要入门前端开发的网友留言，希望我给一些前端学习的建议。

切记不要仅仅以“多年经验”为理由就轻信他人，在你对经验寄予厚望之前，一定要确信提建议者已经从其经历中吸取了经验教训。—— 艾伦·德肖维茨

因为之前读过这么一段话，我想提建议之前我需要先总结自己的教训，要讲就讲最重要的，所以就说一个教训。

教训：学习没考虑投入产出比。 从 flex -> extjs -> react 一路走来，花了不少功夫去熟悉 api、去学习框架代码，现在回想起来，很多知识已经不记得了。如今转后台了，我时常后悔：当时怎么没花点时间去学习操作系统，去学习网络。可能很难分辨现在学的框架在未来是不是还有用，那至少不要像我以前学得那么过：很多东西熟悉到用记事本就能开发。东西做出来了，是手写的还是利用 IDE 的，花了 1 小时还是 2 小时，区别不大，不如用这些时间去学点别的。

建议：慢慢绘制自己的前端知识地图。 我看网上有人画前端思维导图，列出了所有前端知识点，但大都只有知识点，而没有表达出知识点与知识点之间的联系。知识点之间的联系能让你更清楚的理解前端的发展，理解学什么比较有用。例如：js 命令式地操作 dom 繁琐，react 让大家只需声明式地描述 dom，声明式又是函数式编程的特点，所以 react 组件的写法和函数式编程又能对应上……