知乎日报

学习 udacity 的小程序的时候，看到需求分析图，感觉非常适合原来练习 vue,就自己做了一个。

###相关细节

• vue vuex vue-router
• 使用mock进行生成随机数据，并拦截 ajax 请求
• 使用阿里的Flexible插件就行移动端的适配
• 用sass函数计算rem，和提高写css的效率
• 布局大量使用更加优雅的flex，并使用postcss的 autoprefixer插件自动补齐兼容前缀
• 因为没有后台，所以目前所有的数据增删改都是，操作存储在vuex中的数据。

###收获

1. 对vue全家桶有了更深的使用和理解
2. 学会了使用 sass 和 postcss 等工具插件提高效率
3. 学会利用keep-alive进行动态组件的缓存，对vue的性能优化有了理解。
4. 体会到组件化、模块化开发带来的便捷
5. 熟悉了项目的开发流程

功能

• 商品展示页 -- 完成
• 商品详情页 -- 完成
• 商品评论页 -- 完成
• 购物车功能 -- 完成
• 登录页 -- 完成

todo

因为公司需要，这段时间会专注于学习小程序，这个暂时停下来。

• 使用json server重构，进行实际应用中的的增删改数据 (06-07)
• 根据价格进行排序和筛选
• 发表评论
• 首页轮播图
• 完善的登录、注册
• 使用btter-scroll和vue-lazyload优化使用体验(06-09)

Build Setup

# install dependencies
npm install

# 启动json-server
npm run mock

# serve with hot reload at localhost:8080
npm run dev