一款瀑布流项目 - Anthem

2017-07-08      33      JavaScript
项目简介

介绍

Anthem 一款瀑布流项目,就像 Pinterest、huaban.com、faxianla.com

Anthem 对于无限滚动下拉加载达到了高性能实践

Anthem 名字的由来其实就是因为很喜欢 圣歌(Anthem) 这款游戏

主要的技术栈使用 Redux + react-redux + styled-components + immutable.js

Demo (gif图片为15MB,所以加载可能在部分地区较为慢并且帧数较低,建议直接clone代码运行,可以感受流畅的效果)

Anthem 瀑布流概念来自谷歌的这张gif,有兴趣可以看看

https://developers.google.com/web/updates/2016/07/infinite-scroller

使用方式

# clone
git clone https://github.com/yuanzhhh/Anthem.git

# 安装
cd Anthem && npm install

# 运行
npm run dev

# 生产
npm run build