前端技术选型

学习目标:

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

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

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

学习内容:

Vue.js 框架介绍

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

vue-router 官方插件管理路由

vue-resource Ajax通信

Webpack 构建工具

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

工程化

组件化

模块化

移动端常用开发技巧

flex弹性布局

css stickyfooter

炫酷的交互设计

前端技术选型

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

IE6-IE8 不支持 ES5特性

IE9+ Chrome safari firefox 支持ES5特性

MVVM框架

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

提供基础的架构抽象

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

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

数据响应原理

组件化

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

组件设计原则

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

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

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