作者：夕水
轉(zhuǎn)發(fā)鏈接：https://segmentfault.com/a/1190000023213609
前言
前一陣子看到了大火的github項(xiàng)目vanillawebprojects，對其中的實(shí)現(xiàn)有些好奇，于是研究了寫法，但是對英文有些不太熟悉的我，無法忍受這樣的純英文項(xiàng)目，于是花了二周時間，潛心研究了項(xiàng)目的實(shí)現(xiàn)思路，然后自己實(shí)現(xiàn)了這20個web項(xiàng)目的中文版。雖然思路來源于原項(xiàng)目，但是很多功能我做了擴(kuò)展，相信細(xì)心的人一定會發(fā)現(xiàn)有哪些不同之處，讓我們來一一看一下吧。
表單驗(yàn)證
效果如下圖所示:
github ：https://github.com/eveningwater/my-web-projects/tree/master/js/1
挑選電影座位
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/2
視頻播放器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/3
匯率計(jì)算器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/4
DOM數(shù)組方法
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/5
彈窗與滑動菜單
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/6
猜單詞的雙人小游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/7
查找膳食
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/8
費(fèi)用追蹤器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/9
音樂播放器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/10
無限滾動
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/11
打字游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/12
文本閱讀器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/13
記憶卡片
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/14
歌詞搜索器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/15
呼吸調(diào)節(jié)器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/16
打磚塊小游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/17
新年倒計(jì)時
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/18
拖拽排序列表
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/19
猜數(shù)字小游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/20
如果有人能發(fā)現(xiàn)bug,歡迎提issue,如果這些項(xiàng)目能夠幫助到您，希望您能點(diǎn)個star。
作者：夕水
轉(zhuǎn)發(fā)鏈接：https://segmentfault.com/a/1190000023213609
