文件名称:图像网格滚动器
文件大小:129KB
文件格式:ZIP
更新时间:2024-03-07 11:18:42
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)