20個無庫無框架的小型web項目(中文版)

前言

前一陣子看到了大火的 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。