前言
前一陣子看到了大火的github專案vanillawebprojects，對其中的實作有些好奇，于是研究了寫法，但是對英文有些不太熟悉的我，無法忍受這樣的純英文專案，于是花了二周時間，潛心研究了專案的實作思路，然后自己實作了這20個web專案的中文版，雖然思路來源于原專案，但是很多功能我做了擴展，相信細心的人一定會發現有哪些不同之處，讓我們來一一看一下吧，
表單驗證
效果如下圖所示:
在線示例， github原始碼地址，
挑選電影座位
效果如下圖所示:
在線示例， github原始碼地址，
視頻播放器
效果如下圖所示:
在線示例， github原始碼地址，
匯率計算器
效果如下圖所示:
在線示例， github原始碼地址，
DOM陣列方法
效果如下圖所示:
在線示例， github原始碼地址，
彈窗與滑動選單
效果如下圖所示:
在線示例， github原始碼地址，
猜單詞的雙人小游戲
效果如下圖所示:
在線示例， github原始碼地址，
查找膳食
效果如下圖所示:
在線示例， github原始碼地址，
費用追蹤器
效果如下圖所示:
在線示例， github原始碼地址，
音樂播放器
效果如下圖所示:
在線示例， github原始碼地址，
無限滾動
效果如下圖所示:
在線示例， github原始碼地址，
打字游戲
效果如下圖所示:
在線示例， github原始碼地址，
文本閱讀器
效果如下圖所示:
在線示例， github原始碼地址，
記憶卡片
效果如下圖所示:
在線示例， github原始碼地址，
歌詞搜索器
效果如下圖所示:
在線示例， github原始碼地址，
呼吸調節器
效果如下圖所示:
在線示例， github原始碼地址，
打磚塊小游戲
效果如下圖所示:
在線示例， github原始碼地址，
新年倒計時
效果如下圖所示:
在線示例， github原始碼地址，
拖拽排序串列
效果如下圖所示:
在線示例， github原始碼地址，
猜數字小游戲
效果如下圖所示:
在線示例， github原始碼地址，
如果有人能發現bug,歡迎提issue,如果這些專案能夠幫助到您，希望您能點個star，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/5413.html
標籤：Html/Css
上一篇：Layui表格選中指定行的radio單選框并滾動到該行
下一篇：面試了幾個前端，給爺整哭了！