写给想做前端或者已经在做前端的你

写这篇文章希望和大家分享、交流，共同进步；更希望能够给将要在前端行业工作、实习的同学一些帮助。

P.S. 喷神请绕道，大神勿喷，不引战，不攻击，不钻牛角尖。

第一次接触前端时。许多同学估计都想过要做一个网站，大部分又是从PHP开始的（谁让它是世界上最好的语言呢）。后端语言参与渲染HTML一直很主流，跟着教程做，你会写一堆样式表，到后来也许是需要在提交表单时进行客户端验证，你开始写一些JS。
想做个网站啥的（以前app没有那么多），必须要学会HTML、CSS、JS，HTML构造结构，CSS表现样式，JS决定行为。JS似乎充满奇技淫巧，可以做各种效果啊，飞雪花片啊，搞咱们选课、评老师的网站啊。

后来接触了jQuery，用起来无比顺手，特别是看完《DOM编程艺术》以后。那段时间担心JS掌握得不好，心想总是用jQuery以后不会写Native怎么办？也会关注“可以直接学习jQuery吗”这样一些问题。学习了Ajax后又做过瀑布流图片墙，觉得无比兴奋。不过认识也仅仅停留在异步加载局部更新DOM可以创造更好地用户体验。

实习期间，看到公司前端做雪碧图、切片、搞div、css布局，然后花很多时间在浏览器兼容的问题的调试上。尤其是活动页面，写HTML、CSS基本占到工程的80%，JS写起来很快。后来Bootstrap逐渐流行起来，后端同学可以直接写后台，甚至都不需要前端和射鸡师了。加点栅格，加几个类，轮播组件啥的样样有，再引入jQuery，前端便成为了顺带做的事了。

我接触前端的过程没有系统性，充满了探（瞎）索（搞），也缺少引导。不过细想想，我邮只有前端的选修课啥的，课程也不是那么就业导向。就像论坛里的同学，自己搞，自己提升。

我们把上面这些点提取出来：HTML、CSS、JS、jQuery、Bootstrap，再刷刷题，看看基础知识，基本就可以参加校招了。

那些求入门、求实习、赶春招、赶秋招的同学一定来得及：不过泼一盆冷水，进入大公司只是开始，你的认识、习惯、思维方式最终会决定你事业或者专业的高度。

面对新技术我觉得了解它为什么产生，解决什么问题，会怎么发展，如何在现有的工程中进行实践，比讨论它们的优劣更有意义：

首先 html5 不是一个新技术，而是在现代浏览器中使用CSS 3等特性进行前端开发的过程。以前我们更关注浏览器的差异性，而现代的浏览器对标准的支持越来越统一。

回到jQuery，在web app中使用越来越少了，一方面这个库太“大”了（吃流量），从页面加载、打开速度理论看，英明的老大会把它砍掉。针对库大小的问题，Zepto.js是一个解决方案。这个库与jQuery API相对统一，抛却了很多浏览器的兼容性的代码。

但是现在浏览器的querySelector方法，已经很好地解决了jQuery中的“Query”，使用原生的fetch方法请求数据，返回Promise也能比jQuery.ajax()的实现更好、更清晰的解决问题。

看待jQuery，我觉得应该更多看到它的历史意义。jQuery，一定程度上成为了工业标准，影响了JS语言的发展和其他JS库的构建。如同coffeescript对ES2015的影响。至于实践，越来越多的web已经不依赖jQuery进行开发了。

前端这几年进步太快了，我尝试按照不同方向讨论一下这些技术栈。

脱离浏览器的JavaScript
Node.js
我们讨论的JavaScript更多是以浏览器为宿主的ECMAScript，同源的ActionScript以Adobe的Flash作为宿主的。

浏览器中的JavaScript提供了大量与浏览器相关的API。脱离这些特定API看JavaScript，异步是它特别重要的一个特性。Google的V8引擎，让JavaScript的运行时性能大大提升，是Node.js的产生另一个必要的条件。

Jser突然可以全栈了，面对新的技术，不乏布道师。国内第一本Node.js书籍是BYVoid写的，当时盛传这个同学拿到了我司的60w的offer，一片沸沸扬扬；大家可以向他学习，在一个技术还未在祖国大地流行起来时，迅速写一本书。

至少目前，很少有大公司完全把JavaScript作为前后端通用的技术栈。传统的后端语言和技术并未没有被代替的危险。不能把Node.js简单看做是JavaScript在服务端的延展。

我觉得，Node.js很大程度拓展了JavaScript的使用范围，改变了传统前端的工作流程（后面提）。特别是NPM的产生，意义非常之大，它让JavaScript成为了一个生态系统，CommonJs也在JavaScript模块化未成熟之前，提供了优秀的模块化解决方案。

通过package.json，我们可以依赖已有的NPM项目构建自己的库。前段时间，某个同学应为法律的问题，撤消了发布在NPM上的leftpad包，短短11行代码的包撤消后，造成了React-Native、Babel等项目构建失败的灾难。

1
2
3
4
5
6
7
8
9
10
11
module.export