文件名称:teespring:teespring面试作业
文件大小:539KB
文件格式:ZIP
更新时间:2024-05-19 23:19:07
JavaScript
Teespring前端代码测试 ============================= 概述 下面是一个小HTML / CSS / JS练习,涉及构建产品页面的一部分,该页面涉及单个产品及其变体。 对CSS使用SASS,但不使用其他框架或库,不使用画布。 没有JS插件。 您可以使用最新,最出色HTML5和CSS3功能来实现这一点。 锻炼 在index.html中,使用语义HTML,CSS和JS在designs文件夹中重建设计。 设计在较小的屏幕和较大的屏幕中表示布局。 不是2页。 眼镜: 此产品有40个变体,每个变体都有一个产品ID(使用products.json对象)。 每个产品都有一个产品图像和标题。 最初登陆页面时,应选择第一个产品。 单击产品选择器时,单个产品的图像和标题也会更新。 单击每个产品选择器缩略图时,URL将使用产品ID更新。 (http:// {{pa
【文件预览】:
teespring-master
----images()
--------shirt.png(45KB)
--------favicon.ico(6KB)
----index.html(872B)
----application.css(2KB)
----products.json(4KB)
----application.css.map(1KB)
----main.js(4KB)
----designs()
--------small_screen.psd(906KB)
--------small_screen.png(52KB)
--------large_screen.png(66KB)
--------large_screen.psd(1020KB)
----README.md(2KB)
----.sass-cache()
--------6f5d3a5ea78db579c49fd669f2b36f925e8aeb0d()
--------e37f175deaec33b2590907f85e9b300d96290065()
--------73e1feeda596611d5bfc9cce33091d75a6640bcc()
----application.scss(2KB)