软工划水日报-vue概述 4/4

Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据

网络通信 : axios

页面跳转 : vue-router

状态管理:vuex

Vue-UI : ICE , Element UI

一、前端核心分析

1. VUE 概述

Vue (读音 / vju/, 类似于 view)是一套用于构建用户界面的渐进式框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库 (如: vue-router: 跳转,vue-resource: 通信,vuex: 管理) 或既有项目整合

2. 前端三要素

  • HTML (结构) : 超文本标记语言 (Hyper Text Markup Language) ,决定网页的结构和内容
  • CSS (表现) : 层叠样式表 (Cascading Style sheets) ,设定网页的表现样式
  • JavaScript (行为) : 是一种弱类型脚本语言,其源代码不需经过编译,而是由浏览器解释运行, 用于控制网页的行为

3. JavaScript 框架

  • jQuery: 大家熟知的 JavaScript 框架,优点是简化了 DOM 操作,缺点是 DOM 操作太频繁, 影响前端性能; 在前端眼里使用它仅仅是为了兼容 IE6、7、8;

  • Angular: Google 收购的前端框架,由一群 Java 程序员开发,其特点是将后台的 MVC 模式搬到了前端并增加了模块化开发的理念,与微软合作,采用 TypeScript 语法开发; 对后台程序员友好,对前端程序员不太友好; 最大的缺点是版本迭代不合理 (如: 1 代 -> 2 代,除了名字,基本就是两个东西; 截止发表博客时已推出了 Angular6)

  • React: Facebook 出品,一款高性能的 JS 前端框架; 特点是提出了新概念 [虚拟 DOM] 用于减少真实 DOM 操作,在内存中模拟 DOM 操作,有效的提升了前端渲染效率; 缺点是使用复杂,因为需要额外学习一门[JSX] 语言;

  • Vue: 一款渐进式 JavaScript 框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、路由、状态管理等新特性。其特点是综合了 Angular (模块化) 和 React (虚拟 DOM) 的优点;

  • Axios : 前端通信框架; 因为 Vue 的边界很明确,就是为了处理 DOM, 所以并不具备通信能力,此时就需要额外使用一个通信框架与服务器交互; 当然也可以直接选择使用 jQuery 提供的 AJAX 通信功能;

    前端三大框架:Angular、React、Vue

原文地址:https://www.cnblogs.com/Sakuraba/p/14909095.html