文件名称:frontend-challenge:我接受了面试的前端挑战
文件大小:320KB
文件格式:ZIP
更新时间:2024-04-22 15:44:09
JavaScript
前端挑战 在此代码中,我不会尝试使其在IE中工作。 如果是这样,我将不得不使用较旧的JS,而不是ES6。 我测试了Chrome,Firefox,Edge和Opera(每个版本的最新版本)的代码。 由于我没有Mac,因此无法在Safari上尝试。 去做 添加/删除收藏夹时的过渡和一些CSS转换。 标头必须响应。 在移动版本上折叠面板。 在移动版本上显示收藏夹按钮。 EXTRAS 编码过程 我要做的步骤是首先在纯HTML + CSS上进行样机制作。 然后转换为CSS3变量。 之后,我开始使用JavaScript。 在使用JavaScript的同时,我也开始以“移动优先”的方式对移动CSS进行了转换,因此媒体查询不是使用max-with ,而是使用min-width 。 移动CSS 收藏按钮 最喜欢的按钮应该显示在悬停上,这就是它在非触摸屏上的工作方式。 但是,如果屏幕是可触摸的,那么确
【文件预览】:
frontend-challenge-main
----assets()
--------fonts()
--------images()
--------data()
----js()
--------bootstrap.bundle.min.js.map(322KB)
--------script.js(16KB)
--------jquery-3.6.0.min.js(87KB)
--------bootstrap.bundle.min.js(79KB)
----css()
--------bootstrap.min.css(151KB)
--------bootstrap.min.css.map(418KB)
--------styles.css(7KB)
----.prettierrc.js(436B)
----README.md(3KB)
----index.html(4KB)