不知不觉，做前端也有三年半了。自己也在不断学习和总结中产生了一些个人的见解(带有偏见)。下面就来盘一盘：

前端学习的三个误区：

1. 追新

很多前端 er 会时刻关注新技术、新框架的动态。一旦有新的东西，立马阅读官方文档，上手操作。感觉自己好像学了什么厉害武林秘籍。其实对这样自己的成长并没有多少提升。

对于程序员来说，要时刻保持着这样的心态: 「技术只是解决问题的工具，学习、思考的能力才是一个程序员更应该具备的。」

因为前端技术多而杂，且大部分都是工具。「学一项技能首先要了解它能够做什么？我们是否真的需要它?」

2. 聚焦在某一点

刚开始做前端的时候，总是习惯于聚焦在很小的一个功能点上。花了大量的时间不说，对前端的成长几乎可以说是为零。对于前端新手来说，在形成完善的知识体系之前，没有必要在一个小的功能点上深挖，除非你有自己的想法或者深挖这一小块能够给你带来很大的收益。不然，再过两年你回头看看，这就是浪费时间。

3. 工作中垒业务代码没用

很多人会抱怨，工作的项目没有什么技术含量，学不到什么东西。实则不然。面对没有技术含量的工作，我们要考虑的是怎么做出技术含量。我们可以关注但不限于：

• 如何跟产品经理沟通避免自己走弯路
• 某个模块的流程怎么才能更合理
• 项目代码设计怎么才能更合理、高效
• 项目有哪些有价值的功能点，或者由这些功能点派生出来的一些知识点

做过的项目，我们可以复盘、做 Code Review。下次遇到同类项目的时候怎么才能少踩坑，怎么才能更快的完成开发。总之，优化一切可以优化的点，以「提高效率、提升自己」作为垒业务代码的根本目的。

前端学习的捷径

1. 构建知识体系

最好是从零搭一个项目模板。如果是 webpack 应该包括 webpack + react/vue + less/sass + babel + eslint/prettier + husky + lint-staged + commitlint
从头实施一遍，这些基本上就能对前端工程化(css 预编译 + js 降级 + 代码规范化 + 构建/打包)了解个大概。

当然你也可以再加入 typeScript、Jest 等其他一些东西。这取决于你自己是否需要。如果你能够自己整一遍，基本上前端开发阶段需要具备的能力就差不多了。

关于部署，稍微看一些 nginx 相关视频、技术博客，自己手动实施一遍就明白了。当然，你也可以把 nginx 装在 docker 上。

做完这些，你再回头看看。是不是感觉对前端理解的比较深了呢？

2. 刷面试题

刷面试题一方面可以应付面试，另一方面能够促使你了解一些框架的底层原理。面试题刷多了，很大几率你是想了解一下某些框架的源码的。

3. 技术博客、公众号等文字媒体

技术博客一方面可以作为自己的技术笔记，另一方面还可以给自己的简历加分。何乐而不为呢？

至于技术博客的内容就更随意了。可以是以前没有接触到的某块业务的解决方案，也可以是新学的技术，还可以是对项目的复盘或者自己工作的一些心得、体会等等。

4. github

前端知识多且杂，有个比较好的记忆方法是 把你遇到的比较重要的知识点集成到一个项目中去。这个项目不一定多实用，但它能容纳你的核心知识点。

这样你就有了一个自己的开源并一直维护的项目。

另外，github 上的资源很丰富，无论是面试题、技术文章还是源码解析，统统都有。什么，你打不开 github？问问身边的朋友有什么好用的翻墙工具。花一点钱就能解决的问题，为什么不呢？

5. 定目标并定期回顾

定目标最好加上时效，避免自己偷懒。每周回顾一次，看自己有没有离目标更近一些。比如：

1. 一周内搭建一个自己的项目模板
2. 一个月刷完 100 道前端面试题
3. 半年吃透 React 源码,并输出几篇相关技术博客
4. 每周一篇技术博客