/react-family-bucket

React+Redux+webpack+react-router+scss+eslint+es6全家桶从0到1搭建教程

Primary LanguageHTML

最新React全家桶实战使用配置指南 参见issues

首页: 功能:

  1. 查看外卖页面头部背景图
  2. 查看当前位置下的附近商家
  3. 滚动加载商家列表。
  4. 商家item卡片布局。 技术点:
  5. css flex布局。
  6. css伪类使用技巧。
  7. js动态控制页面font-size。
  8. ajax请求数据。
  9. window滚动监听,动态append元素。
  10. rem适配不同屏幕。
  11. 移动端点击事件。

订单: 功能:

  1. 查看当前订单数据。
  2. 滚动加载订单列表。
  3. 订单item卡片布局。 技术点:
  4. css flex布局。
  5. css伪类使用技巧。
  6. img引入外部图片。
  7. 头部fix定位技巧。
  8. window滚动监听,动态append元素。
  9. 移动端1px边框。

我的: 功能:

  1. 查看我的个人数据。 技术点:
  2. css flex布局。
  3. 文字居中处理。

商家详情页: 功能:

  1. 滑动菜品分类查看菜品。
  2. 根据菜品分类显示不同的菜品,可滑动查看。
  3. 选择新增和菜品和去除菜品。
  4. 购物车存储和联动已选择的菜品。
  5. 清空购物车。 技术点:
  6. css flex布局。
  7. css伪类使用技巧。
  8. 移动端局部滚动。
  9. jquer操作dom实现购物车联动。

http://4.qdemo.sinaapp.com/canvas-image/#20