前后端分离技术——前端框架

本文主要介绍前后端分离技术——前端框架。

一、前端框架

前端框架均为近年新兴技术，包括：业务相关、环境相关等方面。从组件化、可视化、信息化、扁平化、数据驱动等多角度设计架构。以用户体验为原则，综合业务，快速响应，便捷操作。

技术方向	描述
业务相关	前端组件库ElementUI，渐进式框架Vue，跨域访问Axios，状态管理Vuex，路由管理器VueRouter,字体图标Font Awesome,数据可视化ECharts,消息通信WebSocket等。
环境相关	模块化构建工具Webpack，包管理Npm，以及开发运行环境Nodejs等。

1.1 前端组件库ElementUI

ElementUI在Vue2.0更新之后，很多UI框架也应运而生，这个框架是饿了么团队开发的一款适用于PC的一个UI框架。ElementUI是一个UI库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。

ElementUI有四大设计原则：一致性、反馈、效率、可控。其中，一致性为：与现实生活一致，与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致，所有的元素和结构需保持一致，比