【文件属性】:
文件名称:Etch-A-Sketch:用于通过The Odin Project练习DOM操作和JavaScript事件的存储库
文件大小:138KB
文件格式:ZIP
更新时间:2021-02-18 10:34:06
JavaScript
蚀刻素描
这是一个有趣的Etch-A-Sketch模拟器,旨在与DOM操作和事件侦听器一起练习。 最小目标是构建一个网格,以监听“鼠标悬停”事件并更改背景颜色。
附加功能
我超越了最低限度,尝试通过样式和一些CSS动画来挑战自己。 例如,类似于旧的Etch-A-Sketch绘图板,当您清除绘图屏幕时,屏幕上的板会摇晃! 我还尝试通过在单击CSS类以模拟“按下”效果时添加和删除CSS类来更改颜色按钮上的样式。
回顾性
这个项目的建设很有趣。 最低目标有些挑战,但是添加拉伸目标以提高我对CSS动画和样式的了解是非常值得的。 这是到目前为止我最喜欢的前端项目之一!
【文件预览】:
Etch-A-Sketch-master
----index.js(3KB)
----images()
--------EtchASketch.png(249KB)
----index.html(840B)
----styles.css(2KB)
----README.md(980B)