Vue--APP--@开发思路

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
• • 酷炫的交互设计