前言

从步入社会到现在，一晃走过了15个年头，尝尽途中的酸甜苦辣，默默望着窗外，掐指一算，从事前端工作已近6个年头。其中三分之一的时间在做前端，也是从事过时间最久的一份职业。问我为什么能做这么久？其实我也时常问自己，怎么就掉坑里呢，一整就是六年。正如网上流传，一入前端深似海，Bug 时常与己相伴。

干了六年，或许后面还会有一个六年，两个;,六 年，或许...... 未来的路，谁也说不清楚。首先认清自己，想着接下来的路要怎么走，如何走会变得更好。（回想起来都不知道自己是怎么走过来的，虽然自己知道的很多，但不知道的更多）

也没做出什么成就，也许自己太懒，安于现状，不求上进，所以当初我的公众号取名【懒人码农】，其实本意不是这样的，是为了能帮助到更多和我一样的码农一起学习成长，把自己所学经验，通过这种方式分享出去，包括社区分享。

插播一小段为自己拉票广告，小编2020年入驻掘金社区，输出成果太少，投入写作时间有限，第一次参与，给我投票吧，支持一下，万分感谢，我会努力输出更多高质量文章，分享更多开源实战项目来回馈大家，一票也是爱。?

直接打开投票通道：rank.juejin.cn/?u=%E6%87%9…

个人海报扫码投票：

下面这段简述自己的过往经历，相信大伙不会想去看一个默默无闻的路人甲，又不是什么前端大牛，也不是什么IT明星，可以直接跳过继续往下阅读，让你少走弯路，不管是初入前端，或想转前端，还是已经踏上前端的路上，容鄙人说说自己的想法，希望能帮到大家。

直到自己踏进三十不惑之年的行列，才恍然醒悟，常听到家庭，事业，工作，生活，房子，车子，金钱等各种代名词，在脑海中不断徘徊，突如其来的那种无形压力，无法想象，要想消除它，就得把自己变得足够强大，才有能力挣更多的钱。最终转入互联网行业，那都是高科技，感觉高大上，程序员工资高，只要写写代码，又是自己所学专业，从头再来不怕，入门容易，稍微努努力，不成问题，立马撸起袖子开干。后面省略一万字。。。?

回归主题以下是我转行前端学习成长的心得体会：

什么是前端？

前端是指网站的前台部分，也叫 Web 前端，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，微信小程序，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

核心技术：HTML、CSS、JavaScript

核心技术是前端开发中最基本也是最必须掌握的三个技能。前端的开发中，在页面的布局时，HTML 将元素进行定义，CSS 对展示的元素进行定位，再通过 JavaScript 实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。

为什么选择前端？

看看这些答案

对于这个问题，没有准确或规范的答案。既然你想从事前端开发工作，那么试问？你有思考过这个问题吗？

如果你是一位从事过前端工作的小伙伴，你或许会这样回答（摘录百度文库）：

• 我喜欢前端，前端的工作给我感觉非常好，写出来的东东，立马可以看到效果
• 前端入门的门槛低，一不小心就入坑，后悔已莫及
• 无奈的选择，当初团队没前端，从别的职位转过来的，然后就这样干下来了
• 前端前景大，大家都知道全世界都在招前端，中高级前端很难招

或许还有其他回答...

但对于刚毕业的小伙子，还从未踏入过职场的大学生而言，或许从未思考过，为什么自己选择前端？我猜测，可能有以下几个场景（摘录百度文库）：

• 学长拉下水，不知不觉去干前端了
• 非计算机专业而对自己专业又不太感兴趣，但又为了毕业之后有份工作，找了个容易学的，还能混口饭就先整上
• 盲目的跟风，听说前端怎么怎么好，那就前端吧
• 无任何职业的未来思考，首先解决毕业后的工作问题

或许还有很多不同的场景...

选择的理由

其实做前端的很多同学都和我一样是半路出家。拿我来说，当初选择做前端主要：

• 不喜欢现在的工作，薪水太低，想换一份轻松体面的工作，还能改善自己的生活
• 前端入门门槛简单，学点 HTML + CSS 基础，会点 JS 特效，就能开始找份工作，边做边学
• 前端是一门所见即所得，你做了就能看到效果，能清楚的知道自己做得对还是错

随着时间的久已，做别的也做不了，也不想做。也就坚持一直在做，不过今天的我，把前端不再当做一份工作，而是将其当做自己的兴趣爱好。所以自我感觉越来越良好，越来越轻松，虽然还有很多技术，很多知识要学习，但我一直坚持在学习，特别是系统化的学习，让自己能紧跟时代的步伐，尽量不让自己过早的淘汰。?

半路出家的人员心态都比较走两个极端，一是看中他的前景；二者是不喜欢原工作（薪水低或干得不爽）。我自己就是属于二者。但不管是你已转行了，还是将要转行做前端，我都建议您静下心来思考下面几个问题（摘录前端路上的旅行）：

• 我能做什么？
• 我不能做什么？
• 我的优势是什么？
• 我的劣势是什么？
• 做前端对我有何好处？
• 做前端我要付出何种代价？
• 我能不能坚持做下去？

如果你不能好好的，清楚的回答这些问题，我建议你还是不要轻意转行做前端。

前端需要学哪些？

知识体系

广度

• 对新技术充满热情，乐于尝试
• 阅读一些课外书籍

深度

• 探究 CSS、JavaScript 设计模式，算法，框架底层原理
• 学习、探索并总结属于自己的前端开发方法论
• 一颗不满足于浅尝辄止的心

学习路线

根据对应的知识点找对应的学习资料（如视频、书籍、文档、文章、项目实战等），学习路线图想必大家都见过，精华咏流传：

小编推荐详细前端学习路线，文末附参考资料。

技术输出

前面重点讲述的是输入。其实学习的过程不仅仅是输入，输出也是很好的学习方法。输出的形式有很多，比如写博客，教授给别人，开源出去让别人用等。 这其实是很好的学习机会，这种学习方法可以让你的成长速度呈指数型增长，因此千万不要小看它。我会通过边学边练的方式来学习，比如我学习Vue，我会迅速看文档，然后写demo，最后我会自己《从零实现Vue全家桶项目实战》结合每个知识点来消化它。

我还会不定期做总结，写文章，写开源项目，做分享等，目的一方面是影响他人，另一方面是成长自己。

持续学习

选择了技术这条路，就要做好持续学习，每日精进的准备，跟上时代潮流是很有必要的。

• 看书、看视频、看源码
• 看些大佬博客（文末附链接）
• 定期总结，技术输出
• 学习英语（看得懂英文技术网站）
• 关注几个高质量公众号

如何学前端？

自我思考

• 多看 - 多看书，多看规范，多看优秀网站，多看优秀源码
• 多问 - 多问几个为什么？多问几个原由
• 多做 - 多做练习，实战出真理，多做，才能有更多经验
• 多想 - 多思考几个为什么
• 多总结 - 多总结看到的，听到的，想到的，这些沉淀下来的都是你自己的

当初我学前端，都是简单粗暴的方法，以在线教程、视频、官方文档为主，把前端基础知识看两篇，项目用到什么技术，我就边学边开发边查文档。普通程序员就是这样，会用就行。随着时间做各种项目，有一定经验的积累，但所学知识都很杂乱，没有形成自己的知识体系，导致自己会的很多，但不会的更多。发现后，接下来会对知识体系梳理，加强系统化的学习，把技术提高一个档次，都在这两年的规划里。✍

你会焦虑吗？

职业发展的困扰

以下内容摘录大咖演讲《一个程序员的成长之路》，文末附链接

程序员的中年危机

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？
• 做久了技术总要转型管理？
• 我能做什么，我想做什么？

个人成长模型

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）
• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）
• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术
• 栈外技术
• 工程经验
• 带人做事
• 业界发声

虽然我现在在做技术管理，但始终不会放弃我作为前端这个一技之长的根本。遇到一些前端同学工作几年以后前端做得比较熟了，考虑转行到其他岗位。但是我想说，当你转行那一刻起，就把要转的领域变成了你新的“栈内技术”，然后又要重新走一遍技术沉淀的过程，匆匆几年，又过去了，所以不要轻易"换方向"，前端绝对是可以长时间坚持的领域，现在新型的软件生态，无论是小程序，快应用，甚至区块链，都会首先瞄准JS开发者，因为有庞大的开发者群体，工具链也比较完善，所以长期坚持从事前端工作，在可预见的未来都不会“过时”。

独立生存的能力，是消除中年危机的终极答案。

写在最后

小编目前也做技术管理和项目管理，除了自己领域内的知识必须掌握以外，还要了解甚至参与过上下游的工作（产品、设计、前端、服务端、测试、运维等扩展自己的知识面），这样我们能更好的跟组员或团队其他成员协作。

人生是没有局限的，只要你想努力，什么时候开始都不算晚。尽然选择了前端，就要做好打持久战的准备，把基础打扎实后，随时关注并学习最新的技术和框架，与时俱进，才不会被淘汰。

技术提升需要一定的过程，脚踏实地走好每一步，先定好一个个小目标，然后去一一实现。

看过很多前端大神成长路线，也是从刚开始啥都不会，一步一步变成前端大神的。?

❤️ 爱心三连击

如果觉得这篇文章还不错，来个点赞、评论、收藏三连吧，让更多的人也看到～ 关注公众号：「懒人码农」，获取更多开源项目，会不定期为你推送前端精选好文。 如遇技术问题，请加我微信「lazycode520」，小编拉你进前端技术学习群。

参考资料

• 《前端路上的旅行》www.w3cplus.com/front-end-t…
• 《Web前端开发感想》wenku.baidu.com/view/c9b9f1…
• 《前端开发指南》roadmap.sh/frontend
• 《前端学习路线》zhuanlan.zhihu.com/p/164701269
• 《前端从初级到高级如何系统化学习》zhuanlan.zhihu.com/p/129724445
• 《一个程序员的成长之路》github.com/fouber/blog…
• 《怎么学JavaScript？》zhuanlan.zhihu.com/p/23265155
• 《学习源码系列》www.lxchuan12.cn/
• 《技术栈系列》www.inode.club/
• 《开源项目&前端高级进阶系列》shanyue.tech/