1.Vue.js的特点
- 轻量
- 简洁
- 高效
- 数据驱动
- 组件化
2.APP的开发全流程
- 需求分析
- 脚手架工具
- 数据mock
- 架构设计
- 代码编写
- 自测
- 编译打包
3.线上生产环境
1.代码开发及测试环节
- UI标注
-
真实数据演示
2.代码规范 - 架构设计
- 组件抽象
- 模块拆分
- 代码风格统一
- JS变量命名规范
- CSS代码规范
4.功能技术分析
- vue-resource 后端数据交互
- vue-router前端路由、实现单页面应用
- 第三方js库better-scroll
- 最大程度组件化
- html5的localstorage
- 图标字体的使用
- 移动端1像素边框
- css sticky footer布局
- flex弹性布局
5.学习目标 - 掌握Vue.js在实战中的运用
- 学会使用Vue.js完整地开发移动端APP
- 学会组件化、模块化的开发方式
找个让你开心一辈子的人，才是爱情的目标。
6.学习内容
- Vue.js框架介绍
- Vue-cli脚手架 搭建基本代码框架
- vue-router 官方插件管理路由
- vue-resource 官方插件Ajax通信
- Webpack 构建工具
- es6+eslint eslint:es6代码风格检查工具
- 工程化、组件化、模块化
- 移动端常用开发技巧
-
- flex弹性布局
-
- css stickyfooter
-
- 酷炫的交互设计
- 酷炫的交互设计