摘要：
承接上文，这是第十八个案例，中间的十到十八我直接看了答案，因为有些例子从他打开的页面看不出他要做什么。 附上项目链接: https://github.com/wesbos/JavaScript30 这个案例主要是要计算所有视频加起来的时长，下面为注释： <script> const timeNode 阅读全文
摘要：
承接上文，第九个案例就不说了，是控制台的一些东西，一般用的很少，了解下就行了，想用的时候再翻api。这是第10个案例： 需要实现的效果是：点击一个checkbox，然后按下shift点击另一个checkbox，将两个checkbox之间的checkbox全部选中。 附上项目链接: https://g 阅读全文
摘要：
承接上文，这是第8个案例，要实现的效果是按住鼠标不放，进行拖动时可以在画布上画出不同粗细不同颜色的曲线。 附上项目链接: https://github.com/wesbos/JavaScript30 主要思路：鼠标按下时，记录当前x,y坐标，作为起点，鼠标移动时开始画线。鼠标左键抬起或移出画布时停止 阅读全文
摘要：
承接上文，这是第7个案例，这个案例没什么说的，主要有三个注意点： 附上项目链接: https://github.com/wesbos/JavaScript30 // 1. slice(begin, end) 如果end被省略，则slice会一直提取到原数组末尾。如果end大于数组长度，slice也会 阅读全文
摘要：
承接上文，这是第6个案例： 附上项目链接: https://github.com/wesbos/JavaScript30 这个主要是要实现在给定的json里匹配出搜索框里的city or state，然后把人口加上千分号，下面是我加了注释的源码： <script> const endpoint = 阅读全文
摘要：
承接上文，这是第5个案例：这节没什么讲的，随便记录下吧，主要是用了flex布局与transform translateY，js部分和案例1类似。 附上项目链接: https://github.com/wesbos/JavaScript30 const panels = document.queryS 阅读全文
摘要：
承接上文，下面是第四个案例 附上项目链接: https://github.com/wesbos/JavaScript30 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { fi 阅读全文
摘要：
承接上文 https://www.cnblogs.com/wangxi01/p/10641210.html，下面是第三个案例： 附上项目链接: https://github.com/wesbos/JavaScript30 主要要实现的是移动上面的input range，改变下面图标的样式。以下为我注 阅读全文
摘要：
承接上篇https://www.cnblogs.com/wangxi01/p/10641115.html，这是第二个案例 附上项目链接: https://github.com/wesbos/JavaScript30 这是要实现一个钟表的效果。下面是他的源码，我进行了一些注释。最开始我自己写的时候被一 阅读全文
摘要：
今天得到一个github练习项目，是30个原生js写成的小例子，麻雀虽小五脏俱全，现在记录一下第一个。 第一个是键盘按键时页面上对应的键高亮，同时播放音频，松开后不再高亮。 我自己实现了一下，然后查看了他的代码，发现比我精妙许多,下面是他的代码，我把一些我原来自己写代码时不熟悉的进行了注释。 附上项 阅读全文