文件名称：image-grid
文件大小：2.44MB
文件格式：ZIP
更新时间：2024-04-21 03:51:56
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)