【文件属性】：
文件名称：图像网格滚动器
文件大小：129KB
文件格式：ZIP
更新时间：2021-02-15 17:32:02
TypeScript
ImageGridScroller
该项目是使用版本8.3.8生成的。
开发服务器
为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件，该应用程序将自动重新加载。
运行单元测试
运行ng test通过执行单元测试。
实施方法概要
数据源
我已按照作业中的建议为图像源选择了Flickr API。 由于对逻辑没有特殊要求（例如，当用户接近页面底部时在加载新数据时实现无限滚动），我决定一次下载所有数据，但有一些限制：
Flickr API允许每个请求最多下载500张图像。 因此，要达到10000张图片的数量，我需要发送20个请求
API的速度不是很快，因此对于第一个请求，我决定加载少量图像（例如100张）以尽可能快地显示它们，然后将其余图像加载到后台。
布局
对于图库容器，我决定使用实现虚拟滚动模式的npx-virtual-sc
【文件预览】：
image-grid-scroller-master
----tsconfig.spec.json(270B)
----src()
--------main.ts(372B)
--------index.html(303B)
--------config.ts(80B)
--------polyfills.ts(3KB)
--------environments()
--------favicon.ico(948B)
--------styles.scss(270B)
--------assets()
--------test.ts(642B)
--------app()
----angular.json(4KB)
----tsconfig.json(543B)
----tslint.json(2KB)
----README.md(2KB)
----tsconfig.app.json(270B)
----browserslist(429B)
----.editorconfig(246B)
----.gitignore(631B)
----karma.conf.js(1KB)
----package-lock.json(465KB)
----e2e()
--------src()
--------tsconfig.json(214B)
--------protractor.conf.js(810B)
----package.json(1KB)