说点前端相关“名词”

HTML + CSS

计算机专业的同学大抵对HTML和CSS都不太陌生，作为网页制作最基础的东西，在许多高校的网页制作课程甚至部分后端课程（PHP，Javaweb）中都会提及。简单来说，html和css人和衣服或者说是骨架和肉的关系。html先把网站的大体框架搭建出来（先创建骨架），然后通过css的各种样式去美化框架和内容（为骨架添肉）。最后做出来的东西就是最基本的页面。在这里提一下，大家可能也常听到h5和css3这两个词，很多人每天h5，h5挂嘴边，却不知道他是什么东西。其实h5、css3和html、css本质上是一个东西，他们的差别只是指代的版本略有不同。常规上来讲，html和css这两个词应该包含了h5（html5.0）和css3，因为他们都是一类语言的总称，只是我们习惯上将最新的html5.0和css3.0独立出来表明用的是最新的技术而已。

p.s：h5和css3确实新增了很多令人眼前一亮的功能，大家私下可以多去了解一下。

JavaScript、JQuery、ES5、ES6

如果说html+css从骨架到肉体组成了一个有血有肉的人，那么js应该就属于大脑控制层了，他控制了“人”的行为，怎么思考，怎么处理事件等。

但问题是，很多初学者在听到JS、JQ、ES5和ES6这些词的时候，并不能太好的理解他们的区别。我刚学前端的时候就不知道JS和JQ之间的关系。

首先，大家要知道一点，JS和ES其实是一个东西，那为什么一个是JavaScript，一个是ECMAScript呢？Emmm，详细请自行百度js的历史。习惯上来说，我们提到JavaScript的时候，指代的是ES5。那么什么是JQuery呢？其实他是一个基于js开发的扩展js功能的框架，也就是说，jq的底层还是通过js实现的，只是你在使用的时候，调用的是jq给你封装好的函数。

SASS、Less

部分同学可能已经在某些前端教程中看到过这些词了，sass和less其实是css的一种预处理工具，我们都知道css不是编程语言，所以在编写上，不存在变量，方法之类的概念。而如果你使用sass或less，那一切都变得有可能。你可以在写css的时候，把某种颜色定义为变量，在样式中无数次调用他，也可以封装一个方法，用于快速编写可复用的样式。值得注意的是，SASS和Less作为“预处理”工具，在最后其实还是会被编译成css，他的作用其实只是方便了大家编写css代码而已。

VueJS、ReactJS、AngularJS

这三个词，在最近几年的前端实在太火了，但是他们是什么？

其实，这三个东西是基于JS的前端框架。有过基础前端知识的朋友应该知道，我们常在js中处理页面的交互，异步传输 / 获取数据，再通过dom操作改变视图。这样的操作，常规，但是有些繁杂。现在，这些前端框架给了你更多的选择。你可以通过前端框架，简单绑定页面上的数据。通过router实现页面的无刷新跳转。让页面交互更简单。

三个框架的具体使用方法，大家可以去框架官网看文档学习哦。

其他

前端相关的名词实在太多，一时间真的是讲不完。大家可以试着去搜索了解一下，以后如果有机会，我会再给大家普及其他名词。

最后

文章中所有的名词解释都属于个人见解，非官方解释，所以如果有解释不当甚至错误的地方，欢迎大家在留言区指出！