手记

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
    • 酷炫的交互设计
1人推荐
随时随地看视频
慕课网APP