JavaScript30 学习笔记导航
2018-12-16 本文已影响0人
地平线0530
JavaScript30
JavaScript30 是 Wes Bos 制作的一系列教程，有30个例子，都以纯JavaScript进行编写。
目录
| 主题 | 介绍 | 笔记 | 效果 |
|---|---|---|---|
| 01. JavaScript Drum Kit | JS 打鼓效果 | Note | Demo |
| 02. CSS JS Clock | JS + CSS 制作时钟 | Note | Demo |
| 03. Playing with CSS Variables and JS | 使用 CSS 变量和 JS | Note | Demo |
| 04. Array Cardio Day 1 | filter()、map()、sort()、reduce() | Note | Demo |
| 05. Flex Panels Image Gallery | 利用 Flexbox 制作伸缩图片库 | Note | Demo |
| 06. Ajax Type Ahead | Promise、Fetch | Note | Demo |
| 07. Array Cardio Day 2 | every()、some()、find()、findIndex()、splice()、slice() | Note | Demo |
| 08. Fun with HTML5 Canvas | 通过 Canvas 绘制简单图形 | Note | Demo |
| 09. 14 Must Know Dev Tools Tricks | Console | Note | Demo |
| 10. Hold Shift to Check Multiple Checkboxes | 按住Shift键选中多个复选框 | Note | Demo |
| 11. Custom HTML5 Video Player | 自己动手制作视频控制组件 | Note | Demo |
| 12. Key Sequence Detection | 判断连续输入的指令 | Note | Demo |
| 13. Slide In on Scroll | 随页面滚动，动态加载图片 | Note | Demo |
| 14. Object and Arrays - Reference VS | 一些数组和对象的拷贝方法 | Note | Demo |
| 15. LocalStorage and Event Delegatio | Note | Demo | |
| 16. CSS Text Shadow Mouse Move Effec | Note | Demo | |
| 17. Sorting Band Names without artic | Note | Demo | |
| 18. Tally String Times with Reduce | Note | Demo | |
| 19. Unreal Webcam Fun | Note | Demo | |
| 20. Native Speech Recognition | Note | Demo | |
| 21. Geolocation based Speedometer an | Note | Demo | |
| 22. Follow Along Links | Note | Demo | |
| 23. Speech Synthesis | Note | Demo | |
| 24. Sticky Nav | Note | Demo | |
| 25. Event Capture, Propagation, Bubb | Note | Demo | |
| 26. Stripe Follow Along Dropdown | Note | Demo | |
| 27. Click and Drag to Scroll | Note | Demo | |
| 28. Video Speed Controller UIP | Note | Demo | |
| 29. Custom Countdown Timer | Note | Demo | |
| 30. Whack A Mole Game | Note | Demo |
