文件名称：js30：30天香草JS挑战的注意事项
文件大小：45.38MB
文件格式：ZIP
更新时间：2024-03-01 11:59:01
HTML
JavaScript30 提出的30天JavaScript（Vanilla JS）挑战说明。 01-JavaScript鼓组 keydown事件 按下任何键时触发（与keypress不同） 使用CSS属性选择器和ES6模板文字，提高querySelector灵活性 document . querySelector ( `audio[data-key=" ${ e . key } "]` ) ; transitionend事件 CSS转换完成时触发； 在e.propertyName找到CSS属性 播放audio 设置audio.currentTime = 0倒带音频 只需调用audio.play()即可播放audio 02-JS和CSS时钟 设置transform和transition . hand { /* defaults to 50%, controls pivot po
【文件预览】：
js30-main
----17 - Sort Without Articles()
--------script.js(562B)
--------index.html(242B)
--------style.css(582B)
----21 - Geolocation()
--------package.json(304B)
--------scripts.js(625B)
--------index.html(5KB)
--------style.css(943B)
--------package-lock.json(58KB)
----.gitignore(14B)
----14 - JavaScript References VS Copying()
--------script.js(2KB)
--------index.html(174B)
----README.md(18KB)
----03 - CSS Variables()
--------script.js(702B)
--------index.html(800B)
--------style.css(436B)
----08 - Fun with HTML5 Canvas()
--------script.js(1KB)
--------index.html(262B)
--------style.css(31B)
----22 - Follow Along Link Highlighter()
--------script.js(795B)
--------index.html(1KB)
--------style.css(1KB)
----23 - Speech Synthesis()
--------script.js(307B)
--------index.html(843B)
--------style.css(2KB)
----16 - Mouse Move Shadow()
--------script.js(924B)
--------index.html(278B)
--------style.css(282B)
----04 - Array Cardio Day 1()
--------script.js(4KB)
--------index.html(234B)
----05 - Flex Panel Gallery()
--------script.js(484B)
--------index.html(834B)
--------style.css(2KB)
----20 - Speech Detection()
--------package.json(291B)
--------scripts.js(666B)
--------index.html(262B)
--------style.css(715B)
--------package-lock.json(58KB)
----06 - Ajax Type Ahead()
--------script.js(2KB)
--------index.html(417B)
--------style.css(1KB)
----13 - Slide in on Scroll()
--------script.js(1KB)
--------index.html(8KB)
--------style.css(764B)
----11 - Custom Video Player()
--------scripts.js(2KB)
--------index.html(1KB)
--------video.mp4(43.55MB)
--------style.css(3KB)
----12 - Key Sequence Detection()
--------script.js(449B)
--------index.html(252B)
----10 - Hold Shift and Check Checkboxes()
--------script.js(755B)
--------index.html(1KB)
--------style.css(679B)
----15 - LocalStorage()
--------script.js(1KB)
--------index.html(2KB)
--------oh-la-la.jpeg(200KB)
--------style.css(1KB)
----07 - Array Cardio Day 2()
--------script.js(2KB)
--------index.html(242B)
----09 - Dev Tools Domination()
--------script.js(1KB)
--------index.html(214B)
----19 - Webcam Fun()
--------package.json(279B)
--------snap.mp3(28KB)
--------scripts.js(3KB)
--------index.html(1KB)
--------style.css(937B)
--------package-lock.json(58KB)
----18 - Adding Up Times with Reduce()
--------script.js(702B)
--------index.html(3KB)
----01 - JavaScript Drum Kit()
--------background.jpg(853KB)
--------script.js(726B)
--------index.html(2KB)
--------style.css(802B)
--------sounds()
----02 - JS and CSS Clock()
--------script.js(935B)
--------index.html(446B)
--------style.css(1KB)