第一次听到前端三架马车我是蒙的状态： HTML、CSS和JavaScript！
作为一个后端都学的稀里糊涂的码农，只有JavaScript还能耳熟一点。等上手之后，才发现，真的就是JS还能亲切一点。所以首先给大家推荐一个学习的网站：
https://www.freecodecamp.org
这是一个边学边练边看效果的网站，虽然课程周期超级长，只要有耐心学完，一定可以很全面的掌握前端技术。但是第一篇讲前端的文章，我觉得应该讲我对前端整理的理解。
首先要明确一个概念，那就是前端的东西是运行在浏览器中的代码。在早期接触SpringMVC的时候，大家使用jsp渲染页面，此时最终传输到用户浏览器的是服务器渲染完的页面，也就是类似重复元素遍历渲染等工作是由服务器来完成的，虽然从某种角度上讲，这样会更加安全，但也大大降低了服务端的处理能力。随着终端设备的性能越来越强，越来越多的终端渲染就可以交给浏览器自己来处理了，这就有了现在的前端框架，像angular2这种自带路由的重型框架。就好比以前是把家具根据用户的需求组装好再运过去，现在只需要把所需要的零件送过去，用户自己组装就好了，极大的减轻了工厂的压力。既然无论是组装好还是没组装，东西都送到了客户那里，那么客户到底是如何使用家具的呢。接下来就要弄清楚一堆名词，分别是：DOM 、HTML 、浏览器、CSS、JS
DOM:全称是 Document Object Model ,也就是文档对象模型。也就是说，DOM可以修改处理HTML或者XML文档。设计之初，是以对象管理组织（OMG）的规定为基础，因此可以动态的增删改元素，使页面更加灵活。如图（from：w3school），DOM将HTML构造成为树状对象。
移除
DOM HTML 树
HTML:全称是 HyperText Markup Language，超文本标记语言。一种标准，通过各种符号来表示网页的各个部分，也就是当进行网页请求的时候，服务器发给浏览器的文本。DOM会解析HTML。一般看到的如图。
移除
这是一个简单的HTML
浏览器:这里主要说一下浏览器内核，大家普遍使用 Trident(IE内核) 、 Webkit(Safari内核,Chrome内核原型,开源) 、 Gecko(Firefox内核)、 Presto(Opera前内核) (已废弃) 等等。浏览器最重要的工作就是把抽象的代码变成形象的页面供大家使用，所以无论内核如何，他们大多遵循相同的规则，所以才能在不同浏览器看到类似的页面效果。而这些规则就是这篇文章所讲的DOM\HTML\CSS等了。
CSS:全称是 Cascading Style Sheets，层叠样式表。用来表示HTML或者XML等文件样式的计算机语言。如果说整个页面是一个人体，那么HTML是页面的骨骼，DOM就是各骨骼的组装说明书，而CSS则是骨骼外面的肌肤，他可以最终给我们呈现不用的页面样式，虽然相同的HTML，但是不同的CSS，那么我们看到的页面的颜色、位置、大小有可能完全不同，这就是CSS的作用。那么什么是最重要的肌肉呢。
JavaScript: 直译式脚本语言,就是整个页面的肌肉，器官等等。当用户对页面进行操作的时候，特定的触发条件会触发特定的事件，会执行某些操作，这都是JavaScript做的事情。而且JavaScripe也有自己也遵从于一些标准，如：ECMAScript。这个就在后面慢慢聊了。
至此我想我已经阐述明白了一个前端的一个总体的概念，接下来细细剖析学习各部分，先从HTML入手，尽情期待。
如果有写错的地方，请指正。十分感谢。
欢迎加我的微博：孙岱MAX，那里有我的生活、我的学习、我的欢乐。
网友评论