这是一个基于Vue全家桶实现的饿了么移动端webapp
用到的技术栈
vue2 + vue-router2 + webpack2 + vue-cli2 + vue-resource + stylus + flex + eslint
主要功能说明
- resource文件里有UI原稿psd，切好的图，及标注文件。
- 基于vue2.0
- 使用vue-cli2脚手架搭建项目
- 使用webpack2打包项目文件
- 使用vue-router2实现路由切换
- 使用vue-resource进行数据请求
- stylus编写样式
- flex弹性布局
- eslint进行es6代码检查
- 联动滚动借助了better-scroll插件
- localStorage实现本地存储
学习参考
- vue2.0官网： https://vuefe.cn/v2/guide/
- webpack1免费视频课程，戳这里：http://www.imooc.com/learn/802
- webpack1向webpack2升级：https://webpack.js.org/guides/migrating/
- better-scroll插件使用：https://github.com/ustbhuangyi/better-scroll
- stylus： http://www.zhangxinxu.com/jq/stylus/
- ES6: http://es6.ruanyifeng.com/
- Sticky footers http://www.w3cplus.com/css3/css-secrets/sticky-footers.html
- Flex弹性布局: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
- localStorage本地存储: http://www.cnblogs.com/st-leslie/p/5617130.html