【文件属性】：
文件名称：image-grid
文件大小：2.44MB
文件格式：ZIP
更新时间：2021-04-01 10:05:16
JavaScript
图片网格
在本地运行应用
克隆此存储库，然后在项目目录中运行npm install
npm start
启动应用
npm test
运行测试
应用内容
在这个项目中，我开发了一个图像网格Web应用程序，该应用程序具有以下功能：
每次单击刷新按钮时，显示不同的5张图像。
查看模式按钮，用户可以选择图库的查看模式（垂直/水平）
另外，我开发了一种防止图像重复的逻辑，这意味着新图像将与以前不同，并且彼此之间也将有所不同。
我选择使用CSS模块，因此每个类将仅应用于相关组件。
测试
手动测试
手动测试应用程序功能，我确保每次单击图像都是随机的，并且没有重复项。
验证布局对于移动设备也很敏感，并且在缩小窗口大小时也是如此
自动测试
开发了测试“无重复”算法的单元测试
有什么可以改进的？ （下一步）
出现问题时显示错误模式，而不是显示H1信息
添加更多功能和测试（例如，添加后端服务器和
【文件预览】：
image-grid-master
----.gitignore(310B)
----README.md(1KB)
----public()
--------manifest.json(492B)
--------robots.txt(67B)
--------logo192.png(5KB)
--------logo512.png(9KB)
--------index.html(2KB)
--------favicon.ico(4KB)
----package.json(839B)
----src()
--------components()
--------containers()
--------index.css(459B)
--------tests()
--------configs()
--------reportWebVitals.js(364B)
--------index.js(500B)
--------common()
--------App.js(111B)
--------assets()
----yarn.lock(469KB)
----package-lock.json(1.31MB)
----demo()
--------demo.gif(1.95MB)