学习目标:
掌握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元素,封装可重用的代码
组件设计原则
页面上每个独立的可视/可交互区域视为一个组件
每个组件对应一个工程目录,组件所需要的各种资源在这个目录下就近维护
页面不过是组件的容器,组件可以嵌套自由组合形成完整的页面