不疯魔，不成活：突破瓶颈，提升Web前端开发能力

遇到瓶颈，说明你是一个进阶的小白了。进阶阶段是全方位的提升，包括知识掌握深度、技术应用能力、问题转化能力、团队协作能力、利用工具能力等。如果说新手阶段是在演习，熟悉兵器，进阶就是要上战场了。战场上就是真刀真枪，每一个举动都关系到身家性命——钱。这个战场就是项目，成果就是互联网产品。总之，就是文武兼备，进阶的开发者要有与团队快速完成项目并投入商业的能力。下面从文、武、器三个方面来梳理。

要学的真多

武——过硬的技术

武指的是技术能力——进前端知识掌握的深度与应用。进阶的开发者已经是个成熟的开发者了，要快速要对HTML、CSS和JavaScript知识有全面的掌握，并将之融会贯通，揉成一个东西，快速转换成具有价值（满足某些需要的功能或者创造商业价值）的产品。
推荐使用原生的代码去实现，但由于商业环境的激烈竞争，我们仍然可以借助一些辅助工具来加速这个过程，比如学习和使用前端UI框架，Bootstrap、Bulma、Materialize等，他们都是非常优秀的响应式框架，有助于我们快速构建自己的应用，当然在利用之于，如果你研究挖掘框架本身，无疑你将会收获更多。
除了UI框架，随着前端工程化和大型化的趋势，JS框架如雨后春笋般发展。这些框架带来了新的交互和体验，以及模块化的开发模式，有助于团队协作完成大型项目，所以掌握这些框架，非常有利于你在战场上速战速决。目前比较火的有React、Angular和Vue。
其次，实际项目中很重要一方面就是数据交互。基本的网络协议，通信方法，get、post、Ajax要学起来，如果略懂后台知识是最好的。
最后，良好的编程习惯和规范也是一个程序员素养最好体现。

文——理解沟通执行能力

文就是你的软实力或者说是你的情商方面体现出来的。比如理解能力，团队协作能力，抗压能力、沟通表达能力。进阶的开发者必须完成项目，而且大多数项目都是以团队形式完成的，所以出了过硬的技术，以上能力能降低沟通成本，缩短开发周期，提高效率，提高产品的质量。

工作态度和自我管理也是在工作中非常重要的方面。

器——开发工具和协作工具

1. 编辑器及其插件

前端开发常用的编辑器由轻到重分别为notepad++、Sublime Text、Atom、Brackets、HBuilder、VS Code、WebStorm等，当然据说有高人用记事本写代码的，只能跪拜，DW就不推荐使用了。
另外，插件才是编辑器最迷人的地方，好的插件可以减轻编码带来的痛苦，让原本乏味的工作看起来更加酷炫。

2. 版本管理工具以及模块化

Git是每一个程序员都知道也都必须会用的版本管理工具，前端开发亦如此。一些基础的命令行，如touch, cd, mkdir什么的必须会, 这些在工具使用过程中非常有用。其他使用到的工具有：
包管理工具：NPM 或 Yarn
打包工具：Webpack 或者 Parcel
任务管理和构建工具：Gulp 或者 Grunt

3. 状态管理工具

状态管理是指管理你的应用级的状态，对于使用框架的大型前端项目, 可能需要经常用到。常见的工具有：
Redux(Context API)
Apollo(GraphQL Client)
Vuex
NgRx

总结：进阶的开发者掌握技术知识，能够利用工具，和他人协作，将知识转化产品，变投入商业用途，实现价值。毕竟产品挣钱，老板才能挣钱，老板挣钱了，你才可能有钱分啊！

写代码写到发狂

不疯魔 不成活！

原文链接：http://www.eyee21.com/news/164