[web前端] web前端中用到的各种语言、技术、框架的含义以及在前端软件架构中的定位

前言：

web前端基于浏览器内核， html5 + css3 + javascript 核心开发套件， 以这三个核心套件为基础，发展出很多功能强大的框架和基础架构，比如 vue.js 、nodejs、ajax、javascript的DOM接口等等，这里web前端中用到的技术进行一个用途介绍和角色定位。

 

HTML5：

简介：

HTML是html语言的第四代，而HTML5则是html语言的第五代，html 全称为 Hyper Text Mark Language，即超文本标记语言，和XML有着相同的语法结构，且都是以DOM为核心支撑。

角色定位：

HTML在web前端领域中的定位是进行页面的整体布局，使用HTML将页面进行划分和切割做整体的布局设计，页面的每块区域放置什么样的内容(文本、图片、表格、视频等等)。

 

CSS3：

简介：

CSS3是css语音的第三代，据说也是最后一代，它能够服务于所有DOM基础的架构，比如 HTML 和 XML。

角色定位：

CSS在web前端领域中主要服务于html，使用css对html中的 元素 进行修饰，比如 字体颜色、背景颜色、背景图片、背景样式、外边框、html伪类外观样式 等等。只要是外观的活都有css来做。

备注：

css 的 核心思想是： 通过选择器定位到html中的某个/某些元素，进而设置一些外观样式来修饰这些元素。

 

Javascript：

简介：

Javascript是web前端中用来组织业务逻辑的一门语言，其几大核心库包括：DOM库、BOM库、Ajax库、JSON库。我们可以通过DOM库定位html中任意元素，进行对其属性进行调整，或者直接修改html的页面布局，css样式等等。Ajax库可以用来进行网络资源请求，并将网络资源更新到 html 的元素属性上，或者css的样式中。

可以说，有了js，网页真正的活起来了。

角色定位：

web中的业务逻辑组织者，依托着DOM库可以动态操作 html 和 css。

 

Vue.js:

简介：

Vue是 Javascript 所有基础库的再包装，其中就包含了对 DOM 操作的封装，通过Vue框架，我们可以更加方便的操作 html 元素和 css 样式。 而不是再通过繁琐的 Javascript DOM 库来操作 html 和 css。

角色定位：

Javacript 基础库 的高可用框架，对基础库的再封装，让Javacript操作 DOM更加方便。