本例采用requirejs进行模块化封装并导入,主要模块有:
1、carousel模块
2、back-to-top模块
3、waterfall模块
- 其中waterfall的点击获取图片功能,使用ajax,将图片地址保存在后台,点击后从后台获取数据。
- 各个模块导入后,用让r.js进行封装,减少网络请求。
详细代码请访问(๑╹◡╹)ノ"""
github地址
预览地址
![](https://img.haomeiwen.com/i593513/17e5b1ff325dd7ca.png)
1.mock start.png
![](https://img.haomeiwen.com/i593513/ab31c6204d86b516.png)
2.carousel&back-to-top.png
![](https://img.haomeiwen.com/i593513/138900bd74d4d80e.png)
3.waterfall.png
![](https://img.haomeiwen.com/i593513/97699eb868d65641.png)
4.waterfall&r.js.png