waimai
基于vue-cli脚手架+vue仿饿了么商家版块的webapp，路由vue-router实现，服务端数据请求vue-resource实现，页面滚动better-scroll实现。在线演示。
开发环境
- node : v6.9.1
- vue : v1.0.21
- vue-router : v0.7.13
- vue-resource : v1.0.1
- IDE : webstorm
构建项目
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
组件化开发
系统中组件关系
主要技术栈
- vuejs
- vue-cli
- vue-router
- vue-resource
- webpack
- ECMAScript6 + ESlint
- flex弹性布局
- stylus
- css3过渡和动画
- localStorage数据存取
涉及到的知识点
- vue1.0文档
- vue-cli项目地址
- vue-router1.0文档
- vue-resource文档
- webpack官网
- 阮一峰《ECMAScript 6入门》
- eslint.org
- Flex 布局教程
- stylus中文版参考文档
- CSS3贝塞尔曲线参数生成
- 滚动插件better-scroll
- 设备像素比devicePixelRatio简单介绍
根据滴滴前端黃佚的教程开发