前言 前一陣子看到了大火的github項目vanillawebprojects，對其中的實現有些好奇，於是研究了寫法，但是對英文有些不太熟悉的我，無法忍受這樣的純英文項目，於是花了二周時間，潛心研究了項目的實現思路，然後自己實現了這20個web項目的中文版。雖然思路來源於原項目，但是很多功能我做了擴 ...
前言
前一陣子看到了大火的github項目vanillawebprojects，對其中的實現有些好奇，於是研究了寫法，但是對英文有些不太熟悉的我，無法忍受這樣的純英文項目，於是花了二周時間，潛心研究了項目的實現思路，然後自己實現了這20個web項目的中文版。雖然思路來源於原項目，但是很多功能我做了擴展，相信細心的人一定會發現有哪些不同之處，讓我們來一一看一下吧。
表單驗證
效果如下圖所示:
挑選電影座位
效果如下圖所示:
視頻播放器
效果如下圖所示:
匯率計算器
效果如下圖所示:
DOM數組方法
效果如下圖所示:
線上示例。 github源碼地址。
彈窗與滑動菜單
效果如下圖所示:
線上示例。 github源碼地址。
猜單詞的雙人小游戲
效果如下圖所示:
線上示例。 github源碼地址。
查找膳食
效果如下圖所示:
線上示例。 github源碼地址。
費用追蹤器
效果如下圖所示:
線上示例。 github源碼地址。
音樂播放器
效果如下圖所示:
線上示例。 github源碼地址。
無限滾動
效果如下圖所示:
線上示例。 github源碼地址。
打字游戲
效果如下圖所示:
線上示例。 github源碼地址。
文本閱讀器
效果如下圖所示:
線上示例。 github源碼地址。
記憶卡片
效果如下圖所示:
線上示例。 github源碼地址。
歌詞搜索器
效果如下圖所示:
線上示例。 github源碼地址。
呼吸調節器
效果如下圖所示:
線上示例。 github源碼地址。
打磚塊小游戲
效果如下圖所示:
線上示例。 github源碼地址。
新年倒計時
效果如下圖所示:
線上示例。 github源碼地址。
拖拽排序列表
效果如下圖所示:
線上示例。 github源碼地址。
猜數字小游戲
效果如下圖所示:
如果有人能發現bug,歡迎提issue,如果這些項目能夠幫助到您，希望您能點個star。
