前端这趟水为何这么深？

你以为前端只是前端知识？

这个世界上所有的程序员都会一点 JS，但是只有前端程序员是「只」会 JS。

但是你可知道，就是这么一门这么大众化的语言，却力压群雄，排在所有IT界的语言之首，虽不是最顶用的语言，不是最流行的语言，但是能处于这个地位，一定是有它本身的魅力和功用在其中的，就不详细谈及了，有股班门弄斧之嫌。我只是对这句话非常的不认同而已，并没有其他什么看法。

首先你是一个程序员，然后你才是一个前端。

这里才是我想说的重点。

你以为你是前端开发人员^[1]，其实你不是。你以为玩转的了HTML+CSS+JS就是一个合格的前端人员了，你错了。

在我刚学习前端的那段时期，还是在大学阶段，那时我室友在学习java，每次他都会说前端这么垃圾的岗位，有啥好学的，不就html+css+js吗。我承认，我学之前是想学java的，但是说实话，我觉得java入门太难了，于是转战到了前端，面对他的质疑和不屑，我说实话也没什么话可以反驳他，只能甩他一句“你懂个屁”，不了了之。然而现在工作了4个月之余不到，我就深刻的体会到了前端的知识面之广，完全不亚于任何一门后端语言知识。

web前端是站立在ui设计稿的基础上进行开发的，这就意味着你要有ui方面的一些基础知识，比如ps中的切图，偶尔的细节调整，会根据设计稿来思考代码上的实现效果容易还是困难来为ui做调整等等，这是其一；做前端，除了跟ui人员进行交互的同时，不可避免的要跟后台人员进行交互，因为后台掌管着项目整体数据，离开了数据，一切都是空谈。我记得我刚开始工作接触api联调的时候，出现了获取不到数据甚至数据不完整的时候，我的第一想法就是我的代码出问题了，因为你不了解后端语言，以为数据有问题，那就是你自己的问题，于是每次出现这个情况，我都会跟我的前端负责人老大哥说一下，问他我这么写有没有问题，然后得到了他的肯定后，我才放心大胆的跑去后端人员那边，直接质疑他：你的接口写的有问题，还请你修改一下。所以你有必要了解一下后端语言，这起码能加快你和后端联调api的大量时间。相信我，联调api，最大的困难不是数据的处理问题，而是数据能不能获取到的问题，这其中又有大学问，包括数据库配置，静态环境搭建，本地环境、域名的配置我就不多提及了，这是其二；当你的项目涉及到了支付、分享等等这类第三方的情况下，这就需要你处理一下业务逻辑了，也就是说你要有一部分产品经理的理念思维在其中，你不能只为完成项目而写项目，这样的代码一套写下来，会很累，因为越到后期，业务逻辑的处理就会因你的不清晰而很乱，变得很难维护，这是其三;当你完整写完一个项目后，对于我们前端开发人员来说，pc端你要考虑各大浏览器的兼容性，谷歌，火狐，Safari等等，要是还要考虑IE，恭喜你，够你学习和忙活的，在移动端，你要考虑各大机型，苹果还行，内核一样，Android，呵呵，机型多的要你命，你要想做到完全匹配，那真的够你学的，这是其四。

你不仅仅是在编写代码这么简单

这其实只是一个方面。

真正的深海在技术方面。

JS:你知道我到底有哪些技术吗？

刚入坑的新人或许用jQuery编写过很多很炫的页面，觉得这个框架超级好用，没毛病，我当时也是这么想的，包括现在。但是这个好用仅仅是处于方便快捷这个层面，其他方面我就不赞同了。

现在处于前端技术金字塔顶层的，和互联网BAT做类比的话，那就是AVR了，angular、vue、react三巨头，你敢说你都会用吗。当然我不是说你必须会三者，你是要精通其中之一，你就能找一份工资相当可观的工作，我想说明的是，前端方面的技术日新月异，你只会js基础是远远不够的，想起来我学前端的时候还是angular.js流行的时期，仅仅过去2年不到，这门框架渐渐走向了陌路，取而代之的是高版本的angualr和angualr4.0。所以说，不要以为你会用一个框架了就很开心了，技术在进步，我们也要时刻保持充能状态才不被淘汰。

前端三竦

假设你时间真的很多，学了很多，都会用了。那和他们配套的系列都会用吗？不尽然。

拿angular举例，由angular.js的全家桶来说，大概有20个库文件，你能使用它们到什么程度？或者说你用它们做过哪些项目，有想过这个系列的繁琐程度吗？

pc端的、移动端的，各种原生，封装插件，你会怎么取决，怎么使用。公认的ionic^[2]移动端angular神器有了解吗，有用过它完成过一个完整的项目吗？

说了些js本身的技术后，咱们来好好思考思考：有了这么多的便捷框架外加各种人性化的库文件后，是不是写项目真的后顾无忧了？是不是速度真的加快了？亦不尽然。

项目前期，你需要搭建一个适合项目的环境和框架和为你以后的代码编写做准备，于是，各种辅助工具出现了。加快css的编写速度和系统性，less、sass、stylus预编译技术三巨头来了，你值得拥有；加快中小型页面的完成度和整体美观上的完美性，bootstrap、angularui、dojo、kissy...你得看情况选择符合你的审美的一个。项目后期，代码太臃肿？不碍事，各种打包工具带你起飞，webpack、grunt、gulp三巨头引领风骚。

什么？javascript进军后端了？最近火爆异常的nodejs不知你有没听说过，大前端的js都能写后端语言了，惊不惊喜，意不意外，想不想学？

什么，还有性能优化？还有安全性能检测？...麻麻，我要回农村~

你如果这一套你都能走下来，恭喜你，你毕业了，你就是一名合格的web前端开发人员了！

一入前端深似海，技术毅力双修，于是乎，要跟着我一起奋战公务员吗？（0.0真诚脸0.0）

---

1. 这里专指web前端开发。 ↩

2. 在使用angular写项目时根本就没听说过ionic这牛逼哄哄的库。 ↩