web前端包括哪些技术？

web前端作为UI设计和后端的中介，在网站开发中有着举足轻重的位置；自2005年以来，互联网进入2.0时代，大量桌面软件和APP的出现，让web前端也发生了翻天覆地的变化，从承载单一的图片和文字，到软件上的交互，给web前端程序员们也提出了更多的挑战和机遇。本文就带大家了解一下web前端包含哪些技术。

1、基础技术

这三个最基本的前端无疑是 HTML, CSS和 JS。我们把它称为骨头，肉和灵魂。首先说“骨头”—— HTML。HTML5，翻译过来是一种超文本标记语言，而非江湖上的 HWTOML。方向性不能弄错，我们整个事情都是老样子。html是学习标签、 div,h1-h6, p,ul-li, strong，图片，字体等等的重要工具，以及什么内容使用什么框。

再说“肉”—— CSS。css定义 HTML标签的显示外观，特性。重点掌握浮点，宽高设置，显示属性等。

最终的“灵魂”-- Javascript。这个脚本运行在浏览器上，但现在 javascript与当年的 js相去甚远，特别是Ecmascript6标准出来之后， nodeJS大行其道， JS暴露了一大批抱负， JS使网页变得灵活，它所实现的每一次明暗交错，都真正触及到了你的灵魂，这就是它为什么会成为灵魂的原因。

如今，CSS3和HTML5的发展，又把 web推到了下一个时代，更加丰富多彩。

2、环境基础

设备、浏览器以及工作原理

需要注意的是， html CSS JS全部在浏览器上运行，并由浏览器负责编译以及呈现。因此一定要理解浏览器是如何工作的。但千百万个浏览器，也并非每一个都需要深入剖析，主要有 Chrome、 Firefox、 IE、 Safari、 Opera，国内主流的浏览器基本都是基于 chrome内核开发，做了一些比较接地气的功能，了解一下，主要有 QQ浏览器、 UC、百度浏览器、360浏览器、搜狗浏览器、猎豹浏览器等等。

3、计算机基础

电脑网络， http协议。由于 web需要了解计算机网络，这对网页的加载和速度优化非常有帮助，而且，我们所做的不是静态的网页，而是动态的，因此必然涉及到与后台之间的数据传输和存储，这一点是要掌握的。

必须学会的：Ajax，必须会的工具：fiddler

4、流行框架

①流行的前端UI框架：Bootstrap、jQuery UI、Amaze UI

②流行的前端框架：jquery mobile angular.Js Vue.js React.js

5 可视化组件

Echarts

tableau(收费)

以上就是“web前端包括哪些技术？”的详细内容，想要了解更多web前端内容欢迎持续关注编程学习网