11——去哪儿网(总结)

总结:

环境参数:
nodejs >=6.2.2
npm >=3.9
vue >=2.5.2
vue-router 3.0.1
babel 6.22.1
stylus 0.54.5
webpack 3.6.0
IDE VS Code
学习方法介绍:

使用Vue编写Hello World
使用Vue开发TodoList
MVVM设计模式
前端组件化
组件化思维修改TodoList
简单的父子组件传值
Vue基础:

Vue实例介绍
Vue中的生命周期函数
Vue的模版语法
计算属性,方法与侦听器
计算属性的setter和getter
样式绑定,条件与列表渲染
Vue中的set方法
事件与表单绑定
Vue中的组件:

组件使用的细节点
父子组件传值与组件参数校验
原生事件绑定与非Props特性
使用bus进行非父子组件间传值
插槽的使用
动态组件
Vue中的动画:

Vue中的CSS动画原理
Vue中使用animate.css库
Vue中同时使用过渡与动画效果
Vue中使用Velocity.js库
Vue中多组件和列表过度
Vue中动画的封装
Vue实战预热
环境配置:

项目代码结构说明
单文件组建与路由
单页应用与多页应用的区分
项目代码初始化
首页开发:

Header制作
Iconfont的引入
首页轮播
图标区域实现
热销推荐与周末游组件
使用axios获取接口数据
首页父子组件间数据的传递
城市选择页面开发:

路由配置
搜索框布局
Better-scroll的使用和字母表布局
兄弟组建间的传值
列表性能优化
搜索逻辑实现
Vuex实现数据共享
LocalStorage实现页面数据持久存储
使用keep-alive优化路由页面性能
详情页面开发:

动态路由配置及banner布局
公用画廊组件拆分
渐隐渐显的header效果实现
递归组件实现详情列表
画廊动画效果封装
联调与上线:

项目联调
真机测试
打包上线
按需加载
后续学习指南

后续学习路线:

  1. 阅读官方API

vue官网
vue-router
vuex

  1. vue资源(插件)
  2. 下一个学习项目:Vue全家桶实战 从零独立开发企业级电商系统(小米商城)
原创文章 181 获赞 19 访问量 3万+

猜你喜欢

转载自blog.csdn.net/Pandora_417/article/details/105224596
今日推荐