作者：夕水
轉發鏈接：https://segmentfault.com/a/1190000023213609
前言
前一陣子看到了大火的github項目vanillawebprojects，對其中的實現有些好奇，于是研究了寫法，但是對英文有些不太熟悉的我，無法忍受這樣的純英文項目，于是花了二周時間，潛心研究了項目的實現思路，然后自己實現了這20個web項目的中文版。雖然思路來源于原項目，但是很多功能我做了擴展，相信細心的人一定會發現有哪些不同之處，讓我們來一一看一下吧。
表單驗證
效果如下圖所示:
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
匯率計算器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/4
DOM數組方法
效果如下圖所示:
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
費用追蹤器
效果如下圖所示:
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
呼吸調節器
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/16
打磚塊小游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/17
新年倒計時
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/18
拖拽排序列表
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/19
猜數字小游戲
效果如下圖所示:
github：https://github.com/eveningwater/my-web-projects/tree/master/js/20
如果有人能發現bug,歡迎提issue,如果這些項目能夠幫助到您，希望您能點個star。
作者：夕水
轉發鏈接：https://segmentfault.com/a/1190000023213609
