文件名称:mini-projects-3
文件大小:483KB
文件格式:ZIP
更新时间:2024-04-22 17:33:38
JavaScript
筛选工作列表-Frontend Mentor 这是的的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 概述 挑战 用户应该能够: 根据设备的屏幕尺寸查看网站的最佳布局 查看页面上所有互动元素的悬停状态 根据类别过滤工作清单 筛选选项 使用文件提取数据,然后动态添加内容。 如果您想练习像React,Vue或Svelte这样的JS库/框架,这将是完美的。 要添加过滤器,用户需要点击台式机列表右侧的平板电脑或移动设备底部的平板电脑。 对于添加的每个过滤器,仅应返回包含所有选定过滤器的列表。 链接 解决方案URL: 我的过程 内置 -JS库 -React框架 -用于样式 用于托管 我学到的是 这就是我过滤作业列表的方式。 const skillSet = new Set ( tabletsList ) ; return keywords . every (
【文件预览】:
mini-projects-3-main
----style-guide.md(547B)
----.gitignore(1KB)
----gatsby-config.js(333B)
----package.json(567B)
----src()
--------components()
--------images()
--------pages()
----public()
--------images()
----data.json(4KB)
----README.md(2KB)
----design()
--------desktop-design.jpg(106KB)
--------desktop-preview.jpg(49KB)
--------active-states.jpg(32KB)
--------mobile-design.jpg(105KB)
--------mobile-with-filters.jpg(28KB)
----README-template.md(5KB)
----yarn.lock(482KB)