前端项目实战---技术选型

学习目标：

掌握Vue.js在实战中的运用

学会使用Vue.js完整地开发移动端App

学会组件化、模块化的开发方式

学习内容：

Vue.js 框架介绍

Vue-cli脚手架 搭建基本代码框架

vue-router 官方插件管理路由

vue-resource Ajax通信

Webpack 构建工具

es6 + eslint  eslint：es6 代码风格检查工具

工程化

组件化

模块化

移动端常用开发技巧

flex弹性布局

css stickyfooter

炫酷的交互设计

前端技术选型

旧浏览器逐渐淘汰，移动端需求增加，前端交互越来越多，功能越来越复杂，架构从传统后台MVC向REST API+前端 MV*迁移

IE6-IE8  不支持 ES5特性

IE9+ Chrome safari firefox 支持ES5特性

MVVM框架

针对具有复杂交互逻辑的前端应用

提供基础的架构抽象

通过Ajax数据持久化，保证前端用户体验

vue.js 是一个轻量级MVVM框架，数据驱动+组件化的前端开发，Github社区完善

数据响应原理

组件化

扩展HTML元素，封装可重用的代码

组件设计原则

页面上每个独立的可视/可交互区域视为一个组件

每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护

页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面