前端框架Vue简介01

1.前端三要素

• HTML：超级文本标记语言 （Hyper Text Markup Language），决定网页的结构和内容

• CSS：层叠样式表（Cascading Style Sheets），设计网页的表现形式，现在都用CSS预处理器

• JavaScript: 是一种弱类型脚本语言，其代码不需要编译，而是由浏览器解释运行，用来控制页面的行为

1.1 什么是CSS预处理器

• 用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用 。可以复用，减少冗余，提高效率
• 常见的预处理器
  • SASS：基于Ruby语言，通过服务端处理，解析效率高，需要学习Ruby语言，上手难度高于LESS
  • LESS：基于NodeJS，通过客户端，解析，效率低，但是功能简单，易上手，对于后端人员，够用了。http://lesscss.cn/

1.2 JavaScript框架

• jQuery: 优点：简化了DOM操作，缺点：DOM操作太平凡，影响前端效率
• Augular: 优点：采用了后台MVC，模块化概念，缺点：更新太平凡，变动大
• React: facebook出品，高效能，提出了虚拟DOM的概念，减少真实DOM操作，在内存中模拟DOM操作，提高前端渲染效率。缺点：使用复杂，需要学习一门新语言，JSX
• Vue: 渐进式框架，逐步实现新特性的意思。采用了模块化开发，路由，状态管理等。综合了模块化和虚拟DOM的优点
  • 页面跳转：vue-router
  • vue-ui：iceworks,iView
  • 状态管理：vues
• Axios: 通信框架，vue专注DOM，不能通信，需要专门通信框架和服务器通信。jQuery也是可以的

2.vue

• vue利用虚拟DOM，支持数据双向绑定，数据源发生变化，前端数据立马发生变化，不用手动刷新