PS：对前端技术感兴趣的朋友们，可以关注下我的《致力于前端的技术博客》哦！如果对你有帮助，欢迎赠个⭐️，会常更新内容，敬请期待！❤️❤️

前端还是一个年轻的行业，新的行业标准， 框架， 库都不断在更新和新增，正如赫门在 2015 深 JS 大会上的《前端服务化之路》主题演讲中说的一句话：“每 18 至 24 个月，前端都会难一倍”，这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术，跟上快速变化的节奏，也是身为一个前端程序员必备的技能之一。

作为一名前端人，从最开始的"前端三剑客"html、css、js开始看起，一遍遍笨拙地啃着红宝书，再到接触jq，开发一些原生js应用，后来逐渐接触Vue、React等新型前端框架，还要学习node、js，逐渐接触前端工程化（项目自动化构建，如webpack，nginx、持续集成、版本控制）的概念，再到学习小程序开发、云开发模式、多端开发框架，学习设计模式、前端安全、性能优化等等，真可谓"路漫漫其修远兮"。做过许多大大小小的项目，经历过各种各样的坑，也是一路不停地学习、不停地总结。目前对于前端框架的设计原理、源码剖析、代码设计思想等方面非常感兴趣，也研究过vue、react等部分源码，越来越觉得多读、多分析好的框架源码是对自己一个很好的提升。目前仍然认为自己在这个方向不够深入，也是在不断地探索“大前端”之路，如何在未来能够看得更深、走得更远。

"不忘初心，方得始终。"想想自己当初是如何踏上这条路的，那时候只是觉得前端有着无限的创造力，可以自己设计精美的拥有各种特效的网站，可以自己做一些简单方便的应用，而且入门简单，也好找工作……但是现在想想，入了这个行，就很难跳出去，在学习的过程中，会愈发地感觉到前端远比自己想象中的要复杂、要求更高，而且新知识、新技术会层出不穷地出现，不断地挑战着前端人的思考能力、学习能力和吸收能力。

"纵使疾风起，人生不言弃。"现在可谓是互联网寒冬时代，正是入门门槛低，导致了加入互联网行业的人越来越多，给我们的压力会越来越大。也许哪天我们还在公司上班，第二天被突然宣布部门解散也不足为奇。因此我们必须要必备危机意识，如何在这场浪潮之中仍然保证自己的竞争力？保持学习、学会思考，学会对自己的人生作出清晰的规划，特别是软件行业，给人的成长也是飞速的。

面试过阿里、腾讯、字节等公司，现就职阿里，和技术大牛们交流过很多，吸收了很多的经验，故总结成文，供大家参考。有些不对的地方，希望读者指正~😝

简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。大前端不仅会成为移动开发与Web前端的发展趋势，也将会是未来的显示设备终端的开发技术趋势。大前端将做更多的终端开发、工程化等工作，而不仅仅只是开发Web页面。大前端工程师将能搞定所有端上的开发。与充满争议的全栈工程师相比，它更具可操作性。 大前端不仅会成为移动开发与Web前端的发展趋势，也将会是未来的显示设备终端的开发技术趋势。大前端将做更多的终端开发、工程化等工作，而不仅仅只是开发Web页面。大前端工程师将能搞定所有端上的开发。与充满争议的全栈工程师相比，它更具可操作性。但同时对开发者而言，要会更多的技术栈，比如原生开发者要学习html、css、js等前端知识，前端开发人员也要学习Android或iOS的原生开发技术，然后了解一下常见的跨平台技术，只有这样才能更好的融入到大前端的这个大家庭中。 ——出自《大前端是什么？》

由上图可见，前端需要和如此多的工种打交道，也不断要求着需要具备一些其他领域的基础，至少能让沟通更加高效一些。也许你会对UI设计、后台DB、产品设计、测试、全栈领域感兴趣，在未来走上其他的职业道路也是有可能的。也有越来越多的前端人开始往全栈的方向发展，希望自己能够独自开发整个项目，也开始往项目架构等方向深入。在未来，自己在前端这个领域走了很久之后，也许会迎来新的挑战，如何突破自己呢？我们可以选择自己感兴趣的方向进行深入学习，如：

故总结一下：

对前端的建议：

看一个技术领域如同看企业发展，马化腾回忆微信成长发展过程时说：被别人干掉不如被自己干掉，被别人革命不如革自己的命。任何技术都像企业一样有盛衰荣辱，Javascript作为一门编程语言，前端作为一个技术领域，之所以有生命力，是源自于这个领域的从业者不断突破，不断创新，不断革自己的命。 因为做浏览器，对行业发展变化属于鸭先知，移动端带来的寒意和前端技术全面退守中后台，共同释放着前端技术应用场景缩小的信号。前端技术却顽强的创新和反击，从RN和Weex带来的FE-Native混合应用开始，PWA和Hight Level Web API对Web容器性能体验优化，TypeScript带来的强类型和大型项目代码组织能力，小程序在私域流量中的发力，Node.js带来服务能力和工程能力的升级，移动端APP带来场景缩小的冲击，被前端技术自身变革发展所缓解。所谓天晴修屋顶，未来技术发展趋势和脉络如何？给前端技术带来的冲击和机遇是什么？ ——出自《掘金》

入门：

进阶：

高阶：

初级：

中高级：

高级前端知识体系

初/中级前端知识体系

1. 业务思考：明白业务和公司目标，做这个需求可以参与到需求的早期阶段，深入思考为什么我们提出这个需求，这个需求解决了什么业务问题，有没有更好的方案，而不是拿到一个方案我只是个代码的实现者。如果针对需求有一些不知道的地方，可以向产品经理、运营请教，并且技术是一定要服务于业务的，有时候我们可以通过技术手段来提升业务价值

2. 技术思考：我们在开发的过程中肯定会有各种各样的痛点，学会用技术的手段去优化业务开发的流程，来提升开发效率。有时候业务项目很多都是大同小异的，我们可以针对项目量身定做一套脚手架工具

3. 优化工作流程：不仅要熟悉从需求到开发、联调、测试、上线每个功能环节，还是思考每个环节有没有提升点，特别是上线过程，能不能做到自动化，能不能做到小流量发布，能不能即使回滚代码，能不能做增量发布，这些都值得我们去思考去优化。看看大公司的经验分享，看能不能移植到自己的业务中。

4. 技术分享：主动进行技术分享，把工作中遇到的问题、解决方案、学习到的新技术、产生总结下来，作为组内的技术分享输出，好一点的话可以对外输出。一是可以沉淀自己的技术，二是大家可以知道你做的东西，并且可以活跃组内的技术氛围。另外还可以锻炼自己的语言表述能力，这一点对于未来的职业发展是非常重要的

1. 主动承担有挑战的事情：不满足于我们完成的日常需求，如果这些重复劳动对自己的成长空间已经很小了，我们可以和leader主动申请去做一些具有个人挑战的事情，可以学到更多的东西，跳出自己的舒适圈

2. 积极优化重构自己的代码：可以学习优秀的源码作为参考，追求高质量代码，不断去优化去重构自己的代码，而且注意重构要趁早，否则后面再去优化就会很困难

3. 对技术背后实现的原理有探究的兴趣：要研究自己工作中相关技术背后的原理，深入到源码，这样之后再遇到一些坑可以很轻松地解决，节约了工作中调bug的实践，同时也能让自己的技能得到提升

4. 写高质量的技术博文：这也是一个不断锻炼的过程，写文章的过程中，我们对一些原理一些细节是很较真的，这有助于自己更加深入地掌握相关的知识，好的文章对外输出也可以帮助自己提高一定的技术影响力