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。