这里是废话
昨天没有写文章，一个字懒。公司新办公室某些区域甲醛指标过高，我们得益放了一天假,我就趁机在家躺了一天。今天突发奇想写一篇关于前端路如何走的文章。
今日的前端
从决定转前端开始已经一个月过去了(似乎还不到)。这个月也接触了一些前端的东西。前端开发确实跟以前有点不一样了，现在有很多的包管理工具，构建工具，新潮的编程方式。比如1. 我们现在可以通过sass, less语言来写页面样式，有变量，语法结构，让我们真的有在编程的感觉，而不只是在写枯燥(只是比喻，我并不觉得枯燥)的css。 2. 可以通过简单的构建工具来构建整个项目，我们只需要设置好我们需要的任务，则可以自动压缩，打包我们编写的前端代码。3. 我们可以通过npm，bower这些工具来更好更快速地解决依赖，更加方便地搭建前端环境。
今天的前端开发，包括了各种各样多姿多彩的工具，我有点怕，这么多东西我该学哪个?
我会怎么走?
这里我简单地分析一下今天的前端局势以及我的一些看法。
今天的前端其实主要架构主要还是这三个
- 骨架 HTML
- 表现 CSS
- 行为 Javascript
不过三者都出现了不少的衍生品
骨架层:
今天的页面结构已经不仅仅可以用HTML来做了，我们可以用Markdown来写一些简单的前端结构。更有甚者用haml, jade 来生成一些页面模板，如今的网页骨架开发是如此的多姿多彩。
表现层:
骨架层那么屌，我们表现层当然也不能吃亏了是吧。我们前端最流行的框架Boostrap使用了一种叫做less的语言来写，后来出现了一种叫做sass的东西，其实这些都是编程语言，让我们可以更加有趣，方便，快速地构建出我们的表现层。
行为层:
我觉得这个层面是最为多姿多彩的了。无论国内国外，每几个月就有一个javascript的框架出现。而且微软和谷歌两个大头还分别推出了TypeScript和CoffeeScript两大语言实现，让我们可以更加高效快速地开发前端页面。
工具
这里还不得不说说工具，自从node.js(服务端的javascript)出现后，有了大量的服务端工具，包管理工具npm, grunt构建工具, gulp构建工具。还有最近比较火的webpack。
尼玛上面说的越来越乱了。而且还有最新的一些组件式的开发框架React, Vue。这里只能简单提一下了。
这么多东西，我们该学什么?
这也是我一直在思考的一个事情，后来我觉得，前端的东西很多，要我这种资质较差的人学会所有前端的东西根本就是不可能的。不过中国有句老话:
万变不离其宗。
我发现，无论这三个层面的东西再怎么变。骨架层的东西最后会变成html， 表示层的东西最后会变成css，而行为层的东西无论框架多少，语言怎样最后还是会变成javascript相关的东西。与其在这浪潮上随波逐流，我倒觉得花更多时间在基础上，再分配一些时间去接触一些新潮的东西会是目前来说我在前端领域比较合适的学习方式。
近期我学了javascript的DOM基础，React前端框架，Javascript的一些语法特性，还有各种构建工具。有时候学的东西多，反而更迷惘了。因为东西很杂，让你找不到重点，后来我发现无论javascript的前端框架怎么出色，其本质还是离不开DOM。JQuery设计的重点在于我们能够更加简单地操作文档，而不需要写一大堆赘长的document...语句，并且兼容现代浏览器。而React是用组件式开发思想包装了一层虚拟的DOM并配合JSX语法让我们觉得自己是在进行DOM操作，其实我们操作的只是内存中的虚拟DOM，这样同时满足了性能跟可维护性的要求...不过其本质还是离不开DOM。
基于以上经验，我决定把接下来的重点放在BootStrap源代码学习上，个人觉得这是一个很出色的css代码库(当然不止于css)，除了可以学到比较新潮的思想，还可以学到一些样式效果，代码布局，等等。我觉得借此机会把css的知识巩固一下，自己也能够造出一些比现阶段更为出色的轮子，必定受益无穷。而且boostrap源代码是有less跟sass两个版本，还有些地方用了Jquery。我觉得没有比它更合适的前端入门教程了。
另外Node.js也是要适当接触一下的。毕竟目前大部分的前端工具都是基于node.js的。它其实就是javascript不过多了一些服务器端操作的功能，跟我们平时浏览器端的javascript稍微有点不同。不过本质还是javascript，可以借此巩固javascript的语法基础。并了解CommonJS的相关规范。
现阶段还是不知道前端路怎么走的人，不妨以这篇文章作为参考。我并不是一个过来人，我也跟你一样只是个迷路的人。不过我把我的想法通过博客的形式发布出来了，如果您有更好的建议，欢迎留言。
