摘要: 承接上文,这是第5个案例:这节没什么讲的,随便记录下吧,主要是用了flex布局与transform translateY,js部分和案例1类似。 附上项目链接: https://github.com/wesbos/JavaScript30 const panels = document.queryS 阅读全文
posted @ 2019-04-02 17:12 来亦何哀 阅读(188) 评论(0) 推荐(0)
摘要: 承接上文,下面是第四个案例 附上项目链接: https://github.com/wesbos/JavaScript30 const inventors = [ { first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 }, { fi 阅读全文
posted @ 2019-04-02 15:37 来亦何哀 阅读(373) 评论(0) 推荐(0)
摘要: 承接上文 https://www.cnblogs.com/wangxi01/p/10641210.html,下面是第三个案例: 附上项目链接: https://github.com/wesbos/JavaScript30 主要要实现的是移动上面的input range,改变下面图标的样式。以下为我注 阅读全文
posted @ 2019-04-02 11:46 来亦何哀 阅读(235) 评论(0) 推荐(0)
摘要: 承接上篇https://www.cnblogs.com/wangxi01/p/10641115.html,这是第二个案例 附上项目链接: https://github.com/wesbos/JavaScript30 这是要实现一个钟表的效果。下面是他的源码,我进行了一些注释。最开始我自己写的时候被一 阅读全文
posted @ 2019-04-02 10:48 来亦何哀 阅读(233) 评论(0) 推荐(0)
摘要: 今天得到一个github练习项目,是30个原生js写成的小例子,麻雀虽小五脏俱全,现在记录一下第一个。 第一个是键盘按键时页面上对应的键高亮,同时播放音频,松开后不再高亮。 我自己实现了一下,然后查看了他的代码,发现比我精妙许多,下面是他的代码,我把一些我原来自己写代码时不熟悉的进行了注释。 附上项 阅读全文
posted @ 2019-04-02 10:37 来亦何哀 阅读(239) 评论(0) 推荐(0)